Vue使用Earchs柱状图轮播

最新推荐文章于 2024-06-16 19:57:36 发布

piupiu欣

最新推荐文章于 2024-06-16 19:57:36 发布

阅读量778

点赞数 1

本文链接：https://blog.csdn.net/m0_60504233/article/details/124624546

版权

Echarts 柱状图轮播数据更新图表动画

关键词由CSDN通过智能技术生成

需求：Earchs柱状图轮播，每次轮播移动一个

效果图：

参考代码：

https://www.isqqw.com/echartsdetail?id=17648

代码：在option下面写setInterval

 setInterval(() => {
     let x0 = this.option.xAxis[0].data[0];
     let s0 = this.option.series[0].data[0];
     this.option.xAxis[0].data.shift();
     this.option.xAxis[0].data.push(x0);
    this.option.series[0].data.shift();
    this.option.series[0].data.push(s0);
     }, 2000);