[echarts] 绘制动态折线图

最新推荐文章于 2024-06-28 08:46:07 发布

533_

最新推荐文章于 2024-06-28 08:46:07 发布

阅读量1k

点赞数 1

分类专栏： echarts 文章标签： echarts

本文链接：https://blog.csdn.net/qq_14993591/article/details/125340522

版权

echarts 专栏收录该内容

67 篇文章 0 订阅

订阅专栏

在这里插入图片描述
利用Echarts中的动画属性animation；并使用animationDuration控制动画时间；

const optionFree = {
        xAxis: {
          data: this.xData
        },
        yAxis: {
          name: "人口(万）",
          min: "120000",
          max: "150000"
        },
        animation: true,
        animationDuration: 20000,
        series: [
          {
            data: this.populationData,
            type: "line",
            smooth: true,
            endLabel: {
              show: true
            }
          }
        ]
      };