系统开发内嵌 “在线Excel” 教程 (3) – 迷你图
前两讲中,为大家介绍了纯前端表格控件 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)
13. 自定制函数迷你图
除了上述12种内置迷你图之外,您也可以自定制属于自己风格的迷你图效果。
下面就是一个定制的时钟实时更新迷你图。
看到这里,你是否已经为 SpreadJS 强大的数据可视化能力惊叹呢?
只需一句函数调用语句,即可完成设置哦!有没有觉得代码量大大减轻?
SpreadJS 真是流畅操作海量数据之利器。
页:
[1]