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 年，是全球领先的集开发工具、商业智能解决方案、管理系统设计工具于一身的软件和服务提供商。西安葡萄城是其在中国的分支机构，面向全球市场提供软件研发服务，并为中国企业的信息化提供国际先进的开发工具、软件和研发咨询服务。葡萄城的控件和软件产品在国内外屡获殊荣，在全球被数十万家企业、学校和政府机构广泛应用。