前两讲中,为大家介绍了纯前端表格控件 SpreadJS的设计器和样式主题,可用来在你的系统中实现类似在线Excel的功能。
那么,在数据呈现方面,SpreadJS 又能做什么呢?今天将首先向大家介绍“迷你图”。
第三讲:SpreadJS 能做哪些迷你图?
迷你图可帮我们在单个工作表单元格内,直观地表示和显示数据趋势,简单丰富,备受欢迎。
SpreadJS 内置迷你图,只需一句函数调用语句即可完成。
下面我们来详细看看迷你图的效果。
1.组成瀑布函数迷你图(CASCADESPARKLINE)
2.箱线函数迷你图(BOXPLOTSPARKLINE)
3.函数迷你图(BULLETSPARKLINE)
4.横向条状/竖向柱状函数迷你图(HBARSPARKLINE/ VBARSPARKLINE)
5.阶梯瀑布函数迷你图(PARETOSPARKLINE)
6.饼形函数迷你图(PIESPARKLINE)
7.面积函数迷你图(AREASPARKLINE)
8.散点函数迷你图(SCATTERSPARKLINE)
9.散布函数迷你图(SPREADSPARKLINE)
10.堆积函数迷你图(STACKEDSPARKLINE)
11.方差函数迷你图(VARISPARKLINE)
12.兼容Excel函数迷你图(LINESPARKLINE)
除了上述12种内置迷你图之外,您也可以自定制属于自己风格的迷你图效果。
下面就是一个定制的时钟实时更新迷你图。
13.自定制函数迷你图
看到这里,你是否已经为 SpreadJS 强大的数据可视化能力惊叹呢?
只需一句函数调用语句,即可完成设置哦!有没有觉得代码量大大减轻?
SpreadJS | 免费下载
纯前端表格控件SpreadJS,是市面上布局与功能都与 Excel 高度类似的一款表格控件,全中文操作界面,适用于.NET、Java、移动端等多个平台的类 Excel 数据开发,备受华为、海信、立信、中国平安、中国能建、中通快递、金麒麟和北京神软等客户青睐。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。