# echarts是百度公司開發的HTML圖形數據分享表
~~~
```
var option={
title: {
text: '充值金額'
},
tooltip: {},
legend: {
data: ['充值金額']
},
xAxis: {
data: []
},
yAxis: {},
series: [{
name: '充值金額',
type: 'bar',
data: [100, 200]
}]
};
// 基于準備好的dom，初始化echarts實例
var myChart = echarts.init(document.getElementById('main-line'));
myChart.setOption(option);
```
## 以上為使用方法
-----------------------------------------------------------------------------------------
----------------------------------------layui前端框架中------------------ajax請求數據的
```
layui.use(['element', 'layer'], function () {
var element = layui.element
, $ = layui.jquery;
var layer = layui.layer;
//進入頁面自動加載這個函數，也就是自動發送AJAX
layer.ready(function () {
//發送AJAX
$.ajax({ //請求AJAX后臺部分
url: '/admin/tongji_trme',
type: 'get',
success: function (trem) {
var shijian=[];
for(let index in trem){
console.log(trem[index]);
}
myChart.setOption({xAxis:{data:shijian}}); //異步賦值方法
}
});
});
});
```
~~~
# 異步：：設置數據語法
## myChart.setOption({});
# {}的值就是
# 案例：
設置xAxis里的值
~~~
myChart.setOption({xAxis:{data:shijian}});
~~~
