Echarts的数据来源
时间: 2024-05-12 15:14:37 浏览: 69
Echarts的数据来源可以是静态的数据,也可以是动态的数据。静态数据可以直接在代码中定义,例如:
```javascript
option = {
xAxis: {
type: 'category',
data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
},
yAxis: {
type: 'value'
},
series: [{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'bar'
}]
};
```
动态数据可以通过Ajax请求从后台服务器获取。例如:
```javascript
$.ajax({
url: '/api/getData',
dataType: 'json',
success: function (data) {
option = {
xAxis: {
type: 'category',
data: data.categories
},
yAxis: {
type: 'value'
},
series: [{
data: data.values,
type: 'line'
}]
};
chart.setOption(option);
}
});
```
在这个例子中,通过Ajax请求从后台服务器获取了数据,然后将数据填充到Echarts配置项中,最后调用`setOption`方法更新图表。
阅读全文