彩票走势图

【重大更新】企业级纯JavaScript电子表格控件SpreadJS v12发布,新增图表类型|附下载

翻译|产品更新|编辑:王香|2018-11-19 11:48:11.000|阅读 388 次

概述:企业级纯JavaScript电子表格控件SpreadJS更新至v12,柱,条,线和饼图现在支持动画。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

下载SpreadJS v12

SpreadJS 表格控件——V12 新特性

SpreadJS 是一款基于 HTML5 的纯 JavaScript 电子表格和网格功能控件,以“高速低耗、纯前端、零依赖”为产品特色,被开发人员誉为“可嵌入系统的在线Excel”,同时满足 .NET、Java、响应式 Web 应用及移动跨平台的表格数据处理和类 Excel 的表格应用开发,为用户提供更快捷、更安全、更熟悉的表格数据处理方式和更友好的类 Excel 操作体验。 日前,SpreadJS 正式推出了 v12 新版本,此次的新版本中包含了诸多重量级的功能和来自客户的新需求,如对形状和富文本的支持,也有新增的图表类型,还有更多在细节处的更新。

 

特性一:形状(Shapes):在 SpreadJS 中根据需要添加内置或自定以的形状

SpreadJS v12 已经实现了诸多类 Excel 的内置形状,如线条、矩形、箭头、流程图,可以为您的前端界面添加更多的细节展现和可视化效果,并且这些内置的形状都可以无缝的进行导入导出。

spreadJS

(图:SpreadJS v12 内置形状)

您还可以通过 SpreadJS v12 提供的新能力来自定义您所需要的形状,并且所有的形状属性均可以设置为公式,这就意味着,您的形状可以随着数据的变化而变化,从而为您的前端界面效果带来极大的提升。下面的例子就是利用自定形状来实现一个保险理赔界面的例子

spreadJS

(图:SpreadJS v12 自定义形状 - 保险理赔实例)

 

特性二:富文本格式(RichText Formatting):在同一个单元格中包含不同的文字格式

 

通过丰富的文本格式,用户现在可以为单个单元格添加粗体,斜体,字体和所有基本格式!

spreadJS

 

特性三:新增图表类型:雷达图(Radar),旭日图(Sunburst)和树图(Treemap)

 

通过丰富的文本格式,用户现在可以为单个单元格添加粗体,斜体,字体和所有基本格式!这些新图表(也可在Excel中使用)具有完整的SpreadJS 在线表格编辑器支持,您可以无缝导入和导出包含这些图表的Excel文件。

雷达图(Radar)显示具有任意数量变量的多变量观测值;它通常用于表现个性特征。

spreadJS

(图:SpreadJS v12 新增雷达图(Radar))

旭日图(Sunburst)展示了从根节点(中心)向外到较低层次结构的分层数据。内圆的一段是外圆的分段的父代,它位于父代的角度扫描范围内。 旭日图非常适合展示如何将一个类别或级别(环)分解为其所占的大致比例。

在下面的例子中,世界人口用大陆、区域、国家来表示,并使用颜色进行区分。这样一来,人口的分布立即变得清晰起来:

spreadJS

(图:SpreadJS v12 新增旭日图(Sunburst))

树图(Treemap)显示结合相对数量的分层信息。如果您的应用程序存在空间限制,并且您需要使用工作表中的表中定义的众多实体绘制数千个数据点,则它们特别有用。

以下是用树图表示的世界人口图表:

spreadJS

(图:SpreadJS v12 新增树图(Treemap))

 

特性四:新增迷你图(Sparkline)类型:条形码(Barcode)

 

通过设置迷你图类型,您可以轻松的在单元格中呈现您需要的条形码,SpreadJS v12 已经支持 QRCode, EAN-13, EAN-8, Codabar, Code39, Code93, Code128, GS1_128, Code49, PDF417, DataMatrix

spreadJS

(图:SpreadJS v12 新增条形码支持(Barcode))

 

特性五:图表动画效果

 

借助SpreadJS为柱状图,条形图,折线图和饼图创建新的无缝加载和更新动画,让您的仪表板真正闪耀起来。

spreadJS

(图:SpreadJS v12 新增图表动画)

 

特性六:类 Excel 的精准选择

 

Excel 的新功能允许用户先选择一个范围,然后取消选择特定单元格。 SpreadJS 已添加此功能。

spreadJS

(图:SpreadJS v12 新增类Excel精确选择)

其他功能增强

本次发布版本也包括其他功能增强,关于发布更新的更多细节,请参考发布说明


标签:JavaScript 表格控件Spread

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自:慧都网

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP