当我们柱状图中X轴数据太多的时候,会自动把柱形的宽度挤的很细,带来的交互非常不好,我们可以用dataZoom属性来解决
简易的版本,横向滚动。
option.dataZoom = [
{
type: "slider",
show: true,
startValue: 0, //数据窗口范围的起始百分比
endValue: 8,
},
];
效果如下:
如果需要自动滚动,需要再加个定时器,
还可以在标签上设置鼠标放上去停止滚动
@mouseover="hovers = true" @mouseleave="hovers = false"