百度echarts图表如何实现异步数据加载

2025年03月09日 建站教程

百度echarts图表如何实现异步数据加载,下面web建站小编给大家详细介绍一下!如果我们需要异步加载数据,可以配合 jQuery等工具,在异步获取数据后通过 setOption 填入数据和配置项就行。

代码如下:

var myChart = echarts.init(document.getElementById('main'));
myChart.showLoading(); 
$.get('data.json', function (data) {
    myChart.hideLoading(); 
    myChart.setOption({
        series : [
            {
                name: '访问来源',
                type: 'pie',
                radius: '55%',
                data:data.data_pie
            }
        ]
    })
}, 'json')

利用loading优化图表的展示,在没显示图表的时候先显示loading。

本文链接:http://so.lmcjl.com/news/24608/

展开阅读全文
相关内容