echart.js 数据交互实例

HTML部分查看官方文档；

配置部分参考官网文档配置。
js部分如下：

var myChart = echarts.init(document.getElementById('main')); // 显示标题，图例和空的坐标轴 myChart.setOption({ title: { text: '异步数据加载示例' }, tooltip: {}, legend: { data: ['销量'] }, xAxis: { data: [] }, yAxis: {}, series: [{ name: '销量', type: 'bar', data: [] }] }); myChart.showLoading(); //数据加载完之前先显示一段简单的loading动画 var names = []; //类别数组（实际用来盛放X轴坐标值） var nums = []; //销量数组（实际用来盛放Y坐标值） $.ajax({ type: "post", async: true, //异步请求（同步请求将会锁住浏览器，用户其他操作必须等待请求完成才可以执行） url: "hh.ashx", data: {}, dataType: "json", //返回数据形式为json success: function (result) { //请求成功时执行该函数内容，result即为服务器返回的json对象 if (result) { for (var i = 0; i