SpreadJS 類Excel表格控件 - V12 新特性詳解

我們很高興的宣布：純前端類Excel表格控件 - SpreadJS 正式推出了 V12 新版本，此次的新版本中包含了諸多重量級的功能和來自客戶的新需求，如對形狀和富文本的支持，也有新增的圖表類型，還有更多在細(xì)節(jié)處的更新。

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

SpreadJS V12已經(jīng)實現(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ù)的變化而變化，從而為您的前端界面效果帶來極大的提升。下面的例子就是利用自定形狀來實現(xiàn)一個保險理賠界面的例子

（圖：SpreadJS V12 自定義形狀 - 保險理賠實例）

富文本格式（RichText Formatting）：在同一個單元格中包含不同的文字格式

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

（圖：SpreadJS V12 富文本格式）

新增圖表類型：雷達(dá)圖(Radar)，旭日圖(Sunburst)和樹圖(Treemap)

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

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

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

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

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

（圖：SpreadJS v12 新增旭日圖（Sunburst））

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

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

（圖：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為柱狀圖，條形圖，折線圖和餅圖創(chuàng)建新的無縫加載和更新動畫，讓您的儀表板真正閃耀起來。

（圖：SpreadJS v12 新增圖表動畫）

類 Excel 的精準(zhǔn)選擇

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

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

關(guān)于葡萄城：

賦能開發(fā)者！葡萄城集團成立于 1980 年，是全球領(lǐng)先的集開發(fā)工具、商業(yè)智能解決方案、管理系統(tǒng)設(shè)計工具于一身的軟件和服務(wù)提供商。西安葡萄城是其在中國的分支機構(gòu)，面向全球市場提供軟件研發(fā)服務(wù)，并為中國企業(yè)的信息化提供國際先進(jìn)的開發(fā)工具、軟件和研發(fā)咨詢服務(wù)。葡萄城的控件和軟件產(chǎn)品在國內(nèi)外屢獲殊榮，在全球被數(shù)十萬家企業(yè)、學(xué)校和政府機構(gòu)廣泛應(yīng)用。