Echarts 更新数据的方法

1. 需要创建echarts图列

       var chartDom = document.getElementById(页面容器id属性值);
        myChart = echarts.init(chartDom);
        // 需要加载显示图表的样式
        var option = {
           //此处省略
        };
        myChart.setOption(option);     

 

2. 更新series的data数据

 function refreshData() {
        //刷新数据
        var chart = echarts.getInstanceByDom(document.getElementById(id属性值);
        var option = chart.getOption();
         
        option.series[0].data = listData;
        chart.setOption(option);
    }

3. 页面初始化调用方法

复制代码
   // 创建图表的dom实列
   var myChart, chart;
    $(function () {
        if (!myChart) {
          // 创建图表方法
       } else {
          //更新series方法
       }    
    })
复制代码

 

posted @   Chen心宇  阅读(4676)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 使用C#创建一个MCP客户端
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· ollama系列1:轻松3步本地部署deepseek,普通电脑可用
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示