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

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

形狀（Shapes）：在 SpreadJS 中根據需要添加內置或自定以的形狀

SpreadJS V12已經實現了諸多類 Excel 的內置形狀，如線條、矩形、箭頭、流程圖，可以為您的前端界面添加更多的細節展現和可視化效果，并且這些內置的形狀都可以無縫的進行導入導出。

（圖：SpreadJS V12 內置形狀）

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

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

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

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

（圖：SpreadJS V12 富文本格式）

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

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

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

（圖：SpreadJS v12 新增雷達圖（Radar））

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

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

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

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

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

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

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

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

圖表動畫效果

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

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

類 Excel 的精準選擇

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

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

關于葡萄城：

賦能開發者！葡萄城集團成立于 1980 年，是全球領先的集開發工具、商業智能解決方案、管理系統設計工具于一身的軟件和服務提供商。西安葡萄城是其在中國的分支機構，面向全球市場提供軟件研發服務，并為中國企業的信息化提供國際先進的開發工具、軟件和研發咨詢服務。葡萄城的控件和軟件產品在國內外屢獲殊榮，在全球被數十萬家企業、學校和政府機構廣泛應用。