Echarts柱状图实现超多数据轮播展示
在Echarts中，柱状图如果数据项过多，会导致柱子过于密集。为了解决这个问题，可以设置柱状图数据轮播显示。通过控制初始显示的数据项数量（例如 n 个），然后使用定时器实现数据项的自动滑动。这样可以在数据项过多时，实现滚动轮播展示，避免柱子过度挤压。具体代码如下：```
// 定义定时器实现数据轮播
setInterval(function() {
myChart.dispatchAction({
type: 'dataZoom',
start: startPercent,
end: endPercent
});
startPercent += step;
endPercent += step;
if (endPercent >= 100) {
startPercent = 0;
endPercent = n;
}
}, intervalTime);
文件大小：2.64KB
评论区