实现SpreadJS 的自定制迷你图功能

2024-10-26 14:38:49

1、在创建迷你图后,可以使用 Spread.Sheets 提供的接口来定制迷你图,比如迷你图的分组,改变迷你图的类型,设置坐标轴的数据等等。

2、可以给迷你图分组,同一分组中的迷你图可以共享一些通用的设置。 可以使用 groupSparkline 和 ungroupSparkline 方法来分组或者取消分组。

实现SpreadJS 的自定制迷你图功能

3、可以使用 sparklineType 方法来改变迷你图的类型。

实现SpreadJS 的自定制迷你图功能

4、也可以使用 data 方法来获取或者设置数据。使用 dataOrientation 方法来获取或者设置数据方向。使用 dateAxisData 方法来自定制迷你图的数据轴数据。使用 dateAxisOrientation 方法来获取或者设置轴方向。使用 displayDateAxis 方法来获取或者设置是否显示数据轴。

实现SpreadJS 的自定制迷你图功能

5、因为迷你图可供设置的配置还有很多,可以使用 setting 方法来获取或者设置这些迷你图的更多配置。

实现SpreadJS 的自定制迷你图功能

6、迷你图提供了一个事件,这个事件在迷你图变化的时候会被触发。

实现SpreadJS 的自定制迷你图功能

7、效果展示

实现SpreadJS 的自定制迷你图功能
猜你喜欢