SpreadJS 是一款基于 HTML5 的純前端電子表格控件，兼容 450 種以上的 Excel 公式，憑借其 “高性能、跨平臺(tái)、與 Excel 高度兼容”的產(chǎn)品特性，備受以華為、蘇寧易購(gòu)、天弘基金等為代表的企業(yè)用戶(hù)青睞。SpreadJS 為用戶(hù)帶來(lái)親切的 Excel 使用體驗(yàn)的同時(shí)，滿(mǎn)足 Web Excel 組件開(kāi)發(fā)、表格文檔協(xié)同編輯、數(shù)據(jù)填報(bào)、Excel 類(lèi)報(bào)表設(shè)計(jì)等業(yè)務(wù)場(chǎng)景，極大降低了企業(yè)研發(fā)成本和項(xiàng)目交付風(fēng)險(xiǎn)。

SpreadJS v16.0 Update1官方正式版下載

更新日志如下：

單元格相關(guān)

1. 支持用戶(hù)輸入數(shù)據(jù)時(shí)掩碼提示（Input Mask）

輸入掩碼對(duì)于表單錄入、單元格編輯是一個(gè)非常有用的特性。通過(guò)輸入掩碼可以將用戶(hù)輸入限制在一組格式中，從而確保數(shù)據(jù)完整性。同時(shí)，能夠防止用戶(hù)輸入錯(cuò)誤。例如，輸入格式化的電話號(hào)碼、身份證號(hào)碼等。數(shù)據(jù)格式可以是字符串模式或日期模式，并且該格式還可以與公式結(jié)合使用，進(jìn)而產(chǎn)生特定結(jié)果。

相對(duì)于數(shù)據(jù)驗(yàn)證的功能，輸入掩碼在錄入的同時(shí)就能幫助用戶(hù)糾正輸入錯(cuò)誤，且具備格式提示的功能，讓數(shù)據(jù)錄入體驗(yàn)更加友好，更加準(zhǔn)確。

2. 文字換行策略?xún)?yōu)化（Word Line Break Enhancement）

不同語(yǔ)言系統(tǒng)下的Excel對(duì)中文文本的換行策略并不一致，如下圖所示：

在新版中，SpreadJS針對(duì)英文語(yǔ)言環(huán)境下Excel中的中文文本提供換行策略，確保該樣式與中文環(huán)境中保持一致。

同時(shí)，SpreadJS開(kāi)放了接口和自定義換行策略，方便用戶(hù)進(jìn)行調(diào)整與擴(kuò)展。示例代碼如下圖所示：

形狀增強(qiáng)（Shape Enhancement）

1. 支持將迷你圖作為形狀背景

在新版的 SpreadJS 中，支持使用迷你圖函數(shù)作為源屬性，通過(guò) style.fill.src 來(lái)完成背景填充。使用時(shí)，將創(chuàng)建迷你圖并將其用作形狀的背景。例如，您可以創(chuàng)建一個(gè)標(biāo)準(zhǔn)矩形并在其中使用餅圖迷你圖。

2. 支持文本框（Textbox）

SpreadJS V16.0 Update1版本中支持文本框（TextBox），可以在工作表的任何位置添加文本框，同時(shí)還可以利用 resizeToFitText 選項(xiàng)自動(dòng)調(diào)整文本框的大小來(lái)適應(yīng)用戶(hù)的輸入。

3. 支持調(diào)整形狀的Z-Order

在新版的 SpreadJS 及設(shè)計(jì)器組件中可以支持更改形狀的 Z-Order順序，基于此功能用戶(hù)就可以根據(jù)需要調(diào)整形狀之間的順序。可以通過(guò)以下方法來(lái)調(diào)整形狀之間的Z-Order 順序：

• 向前移動(dòng) - 將形狀移動(dòng)到另一個(gè)形狀之上
• 置于頂層 - 將形狀移到其他所有形狀之上
• 向后發(fā)送 - 將形狀移動(dòng)到另一個(gè)形狀下方
• 置于底層 - 將形狀移到其他所有形狀下方

4. 表單控件形狀支持 enabled 屬性

在之前的版本中，SpreadJS提供的表單控件（Form Controls)，允許為類(lèi)似表單的界面添加不同類(lèi)型的按鈕和交互式 UI。在新版本為該表單控件添加 enabled 屬性，通過(guò)該屬性可控制用戶(hù)是否可以與表單控件進(jìn)行交互。

圖表增強(qiáng)

1. 新增儀表圖（Gauge Charts）

SpreadJS V16.0 版本新增儀表圖（Gauge Charts）類(lèi)型。通過(guò)這個(gè)新的組合圖表可創(chuàng)建一種儀表或速度計(jì)。該儀表圖通過(guò)餅圖和圓環(huán)圖進(jìn)行組合，可讓用戶(hù)定量地可視化單個(gè)數(shù)據(jù)值。

2. 負(fù)數(shù)反轉(zhuǎn)

在新版本中柱形圖和條形圖可通過(guò) invertIfNegative 選項(xiàng)得到增強(qiáng)，同時(shí)能夠以不同的方式設(shè)置正值和負(fù)值的格式，從而實(shí)現(xiàn)更清晰的視覺(jué)區(qū)分。如果在圖表中的特定系列上啟用此選項(xiàng)，SpreadJS 將自動(dòng)反轉(zhuǎn)數(shù)據(jù)。可以使用invertColor選項(xiàng)為倒置系列選擇特定顏色。

更多產(chǎn)品更新內(nèi)容，詳詢(xún)“”！