ECharts 异步加载数据详解 | 您所在的位置:网站首页 › 异步获取数据技术书籍推荐 › ECharts 异步加载数据详解 |
简单的数据初始化是在setOption中直接填入的, 但是很多时候可能数据需要异步加载后再填入。ECharts 中实现异步数据的更新非常简单,在图表初始化后不管任何时候只要通过 jQuery 等工具异步获取数据后通过 setOption 填入数据和配置项就行。 简单来说,就是动态的往option里面添加数据 因为要使用到jQuery和echarts,所以要引入 可以先设置完其它的样式,显示一个空的直角坐标轴,然后获取数据后填入数据。 先构建一个空的坐标轴: var myChart = echarts.init(document.getElementById('main')); //初始化option,先显示一个空的坐标轴 option = { title: { text: '异步数据加载示例' }, tooltip: { }, legend: { data:['销量'] }, xAxis: { data: [] }, yAxis: { }, series: [{ name: '销量', type: 'bar', data: [] }] }; myChart.setOption(option);
|
CopyRight 2018-2019 实验室设备网 版权所有 |