官方:ECharts
中实现异步数据的更新非常简单,在图表初始化后不管任何时候只要通过 jQuery 等工具异步获取数据后通过 setOption
填入数据和配置项就行。
实例:
myChart.showLoading({text:"数据加载中,请稍等..."}); // 数据加载的等待Loading.
$.post("data.json").done(function(data){
myChart.hideLoading(); // 加载成功后隐藏Loading
console.log("success"); //打印数据是否成功
console.log(data.data);
myChart.setOption({ //将获取的数据通过setOption传给serise
series:[{
data:data.data
}]
})
})