博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
SpreadJS 类Excel表格控件 - V12 新特性详解
阅读量:6328 次
发布时间:2019-06-22

本文共 1528 字,大约阅读时间需要 5 分钟。

我们很高兴的宣布:纯前端类Excel表格控件 - ,此次的新版本中包含了诸多重量级的功能和来自客户的新需求,如对形状和富文本的支持,也有新增的图表类型,还有更多在细节处的更新。

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

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

v2-fde379ecd1573243a97fe477ea1ad87c_hd.png

(图:SpreadJS V12 内置形状)

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

v2-ab8ee05d76b3cbb35de7bbe50cbff080_hd.gif

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

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

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

v2-759beaee243f55d7548efaebe1da7d20_hd.png

(图:SpreadJS V12 富文本格式)

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

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

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

v2-8d516b5972bc240e48bb57c7b820918e_hd.png

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

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

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

v2-34e20fe7d117fdd9ef0f6d955d433865_hd.png

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

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

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

v2-c5c479dc2bfe4e145350aca80dde33e5_hd.png

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

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

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

图表动画效果

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

v2-e4c32315bb4b0cc14e3e5d19d97479c0_hd.gif

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

类 Excel 的精准选择

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

v2-d4b91fc351a09e36ce07419bde880aae_hd.gif

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

关于:

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

转载地址:http://mhyoa.baihongyu.com/

你可能感兴趣的文章
【Signals and Systems】 SYLLABUS
查看>>
RH135-2-command-line-interface
查看>>
浅谈OS
查看>>
mac下开启docker API远程调用
查看>>
tar 命令的详解
查看>>
Cisco路由器安全配置
查看>>
第十次作业
查看>>
spring事务管理(一)
查看>>
给定一个字符串s,返回去掉子串"mi"后的字符串。
查看>>
Nginx 外的另一选择,轻量级开源 Web 服务器 Tengine 发布新版本
查看>>
Wrod中超链接的一些技巧
查看>>
我的友情链接
查看>>
IP_VFR-4-FRAG_TABLE_OVERFLOW【cisco设备报错】碎片***
查看>>
Codeforces Round #256 (Div. 2) D. Multiplication Table 【二分】
查看>>
ARM汇编指令格式
查看>>
HDU-2044-一只小蜜蜂
查看>>
HDU-1394-Minimum Inversion Number
查看>>
df -h 卡住
查看>>
第七天1
查看>>
[转] createObjectURL方法 实现本地图片预览
查看>>