下載SpreadJS v12

SpreadJS 表格控件——V12 新特性

SpreadJS 是一款基于 HTML5 的純 JavaScript 電子表格和網(wǎng)格功能控件，以“高速低耗、純前端、零依賴”為產(chǎn)品特色，被開發(fā)人員譽(yù)為“可嵌入系統(tǒng)的在線Excel”，同時(shí)滿足 .NET、Java、響應(yīng)式 Web 應(yīng)用及移動(dòng)跨平臺(tái)的表格數(shù)據(jù)處理和類 Excel 的表格應(yīng)用開發(fā)，為用戶提供更快捷、更安全、更熟悉的表格數(shù)據(jù)處理方式和更友好的類 Excel 操作體驗(yàn)。 日前，SpreadJS 正式推出了 v12 新版本，此次的新版本中包含了諸多重量級(jí)的功能和來自客戶的新需求，如對(duì)形狀和富文本的支持，也有新增的圖表類型，還有更多在細(xì)節(jié)處的更新。

特性一：形狀（Shapes）：在 SpreadJS 中根據(jù)需要添加內(nèi)置或自定以的形狀

SpreadJS v12 已經(jīng)實(shí)現(xiàn)了諸多類 Excel 的內(nèi)置形狀，如線條、矩形、箭頭、流程圖，可以為您的前端界面添加更多的細(xì)節(jié)展現(xiàn)和可視化效果，并且這些內(nèi)置的形狀都可以無縫的進(jìn)行導(dǎo)入導(dǎo)出。

（圖：SpreadJS v12 內(nèi)置形狀）

您還可以通過 SpreadJS v12 提供的新能力來自定義您所需要的形狀，并且所有的形狀屬性均可以設(shè)置為公式，這就意味著，您的形狀可以隨著數(shù)據(jù)的變化而變化，從而為您的前端界面效果帶來極大的提升。下面的例子就是利用自定形狀來實(shí)現(xiàn)一個(gè)保險(xiǎn)理賠界面的例子

（圖：SpreadJS v12 自定義形狀 - 保險(xiǎn)理賠實(shí)例）

特性二：富文本格式（RichText Formatting）：在同一個(gè)單元格中包含不同的文字格式

通過豐富的文本格式，用戶現(xiàn)在可以為單個(gè)單元格添加粗體，斜體，字體和所有基本格式！

特性三：新增圖表類型：雷達(dá)圖(Radar)，旭日?qǐng)D(Sunburst)和樹圖(Treemap)

通過豐富的文本格式，用戶現(xiàn)在可以為單個(gè)單元格添加粗體，斜體，字體和所有基本格式！這些新圖表（也可在Excel中使用）具有完整的SpreadJS 在線表格編輯器支持，您可以無縫導(dǎo)入和導(dǎo)出包含這些圖表的Excel文件。

雷達(dá)圖(Radar)顯示具有任意數(shù)量變量的多變量觀測(cè)值;它通常用于表現(xiàn)個(gè)性特征。

（圖：SpreadJS v12 新增雷達(dá)圖（Radar））

旭日?qǐng)D(Sunburst)展示了從根節(jié)點(diǎn)（中心）向外到較低層次結(jié)構(gòu)的分層數(shù)據(jù)。內(nèi)圓的一段是外圓的分段的父代，它位于父代的角度掃描范圍內(nèi)。 旭日?qǐng)D非常適合展示如何將一個(gè)類別或級(jí)別（環(huán)）分解為其所占的大致比例。

在下面的例子中，世界人口用大陸、區(qū)域、國家來表示，并使用顏色進(jìn)行區(qū)分。這樣一來，人口的分布立即變得清晰起來：

（圖：SpreadJS v12 新增旭日?qǐng)D（Sunburst））

樹圖(Treemap)顯示結(jié)合相對(duì)數(shù)量的分層信息。如果您的應(yīng)用程序存在空間限制，并且您需要使用工作表中的表中定義的眾多實(shí)體繪制數(shù)千個(gè)數(shù)據(jù)點(diǎn)，則它們特別有用。

以下是用樹圖表示的世界人口圖表：

（圖：SpreadJS v12 新增樹圖（Treemap））

特性四：新增迷你圖（Sparkline）類型：條形碼（Barcode）

通過設(shè)置迷你圖類型，您可以輕松的在單元格中呈現(xiàn)您需要的條形碼，SpreadJS v12 已經(jīng)支持 QRCode, EAN-13, EAN-8, Codabar, Code39, Code93, Code128, GS1_128, Code49, PDF417, DataMatrix

（圖：SpreadJS v12 新增條形碼支持（Barcode））

特性五：圖表動(dòng)畫效果

借助SpreadJS為柱狀圖，條形圖，折線圖和餅圖創(chuàng)建新的無縫加載和更新動(dòng)畫，讓您的儀表板真正閃耀起來。

（圖：SpreadJS v12 新增圖表動(dòng)畫）

特性六：類 Excel 的精準(zhǔn)選擇

Excel 的新功能允許用戶先選擇一個(gè)范圍，然后取消選擇特定單元格。 SpreadJS 已添加此功能。

（圖：SpreadJS v12 新增類Excel精確選擇）

其他功能增強(qiáng)

本次發(fā)布版本也包括其他功能增強(qiáng)，關(guān)于發(fā)布更新的更多細(xì)節(jié)，請(qǐng)參考發(fā)布說明。