本文主要介绍了如何实现纯前端表格控件SpreadJS 的自定制迷你图功能。
工具/原料
纯前端表格控件:SpreadJS
方法/步骤
2
可以给迷你图分组,同一分组中的迷你图可以共享一些通用的设置。 可以使用 groupSparkline 和 ungroupSparkline 方法来分组或者取消分组。
3
可以使用 sparklineType 方法来改变迷你图的类型。
4
也可以使用 data 方法来获取或者设置数据。使用 dataOrientation 方法来获取或者设置数据方向。使用 dateAxisData 方法来自定制迷你图的数据轴数据。使用 dateAxisOrientation 方法来获取或者设置轴方向。使用 displayDateAxis 方法来获取或者设置是否显示数据轴。
5
因为迷你图可供设置的配置还有很多,可以使用 setting 方法来获取或者设置这些迷你图的更多配置。
6
迷你图提供了一个事件,这个事件在迷你图变化的时候会被触发。
7
效果展示