echarts异步获取mysql数据_ECharts异步请求数据

ECharts是百度的一个用于数据可视化图表展示的一个开源工具。

ECharts官网：ECharts

一、异步请求官网实例1

1、引入jQuery.js、echarts.js(多种方式)

2、绘制图表

①为ECharts准备一个具备大小(宽高)的Dom

②基于准备好的dom，初始化echarts实例

③异步请求数据

方法A：

// 基于准备好的dom，初始化echarts实例

var myChart = echarts.init(document.getElementById('main'));

// 异步请求数据

$.get('http://localhost:9010/data1.json').done(function (data) {

myChart.setOption({

title: {

text: '异步加载数据demo'

},

tooltip:{},

legend:{

data:['销量']

},

xAxis:{

data:["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]

},

yAxis:{},

series:[{

name:'销量',

type:'bar',

data:[5, 20, 36, 10, 10, 20]</