echarts柱状图怎么接受数据
时间: 2023-07-22 15:44:17 浏览: 149
ECharts柱状图可以通过以下两种方式接受数据:
1. 直接赋值数据
可以在ECharts的option中定义一个data数组,将数据直接赋值给该数组,然后再将该数组传递给柱状图系列的data属性,示例如下:
```javascript
option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
data: [820, 932, 901, 934, 1290, 1330, 1320],
type: 'bar'
}]
};
```
2. 动态获取数据
可以通过AJAX等方式从后台动态获取数据,然后再将数据传递给柱状图系列的data属性,示例如下:
```javascript
$.ajax({
type: 'GET',
url: 'someurl',
data: {},
success: function(res) {
option = {
xAxis: {
type: 'category',
data: res.xData
},
yAxis: {
type: 'value'
},
series: [{
data: res.seriesData,
type: 'bar'
}]
};
myChart.setOption(option);
}
});
```
以上两种方式都可以实现ECharts柱状图接受数据,具体选择哪种方式取决于你的需求。
阅读全文