🤞echarts

·  阅读 65

echarts图表自适应更新

  • 图表配置完之后,加上加上图表自适应代码
  • window.addEventListener("resize", function () {myChart.resize();});
    // 初始化 echarts 实例
    var myChart = this.$echarts.init(document.getElementById(id));
    // 配置图表的各项
    myChart.setOption({});

    // 下面代码是让图表自适应
    window.addEventListener("resize", function () {
        myChart.resize();
    });
复制代码

echarts图表更新数据

  • 在初始化 echarts 实例前,先加上这段代码来清除原先数据
  • document.getElementById(id).removeAttribute("_echarts_instance_");
    document.getElementById(id).removeAttribute("_echarts_instance_");
    var myChart = this.$echarts.init(document.getElementById(id));
    myChart.setOption({});
复制代码
分类:
前端
标签:
分类:
前端
标签: