滚动条 - Scrollbar

阅读时间约 1 分钟

滚动条组件,Scrollbar,可以让用户在数据量较大的情况下一次只关注局部的数据。

chart.option('scrollbar', options); // 开启滚动条组件
chart.option('scrollbar', false); // 关闭滚动条组件

options.type

'horizontal' | 'vertical' optional

滚动条类型,默认 horizontal

options.width

number optional

滚动条宽度,仅在 vertical 下生效

options.height

number optional

滚动条高度,仅在 horizontal 下生效

options.padding

number[] optional

布局 padding

options.categorySize

number optional

对应水平滚动条,为 X 轴每个分类字段的宽度;对于垂直滚动条,为 X 轴每个分类字段的高度

options.style

object optional

滚动条的样式设置。

参数名类型描述
trackColorstring滑道颜色
thumbColorstring滑块颜色
thumbHighlightColorstring滑块高亮样式,对应主题的 scrollbar.hover.style.thumbColor
lineCapstring是否圆角

options.animate

boolean optional

滚动的时候是否开启动画,默认跟随图表的 animate 配置