Echart根据ajax发送POST请求后的数据动态画图

2025-05-19 12:16:18
推荐回答(1个)
回答1:

样例在这里,官网有,

http://echarts.baidu.com/doc/example/dynamicLineBar.html

首先你还是先setoption,

然后可以类似样例一样,通过addData方法,addData之前,先通过ajax请求封装数据,然后赋值到addData方法中即可。以下是echarts提供的

myChart.addData([
        [
            0,        // 系列索引
            Math.round(Math.random() * 1000), // 新增数据
            true,     // 新增数据是否从队列头部插入
            false     // 是否增加队列长度,false则自定删除原有数据,队头插入删队尾,队尾插入删队头
        ],
        [
            1,        // 系列索引
            lastData, // 新增数据
            false,    // 新增数据是否从队列头部插入
            false,    // 是否增加队列长度,false则自定删除原有数据,队头插入删队尾,队尾插入删队头
            axisData  // 坐标轴标签
        ]
    ]);
}, 2100);