后端通过sql查询到的数据通过ajax获取后通过echart输出图标,xaxis中的data和yaxis中的data怎么写
时间: 2024-03-03 08:53:23 浏览: 135
使用ajax取得数据
如果你使用的是ECharts 5版本及以上,可以这样写:
假设你的x轴数据是从后端查询到的一个数组 `xData`,y轴数据是从后端查询到的另一个数组 `yData`,那么你可以这样配置x轴和y轴的数据:
```javascript
option = {
xAxis: {
type: 'category',
data: xData // x轴数据
},
yAxis: {
type: 'value',
data: yData // y轴数据
},
series: [{
data: yData,
type: 'bar'
}]
};
```
如果你使用的是ECharts 4版本及以下,可以这样写:
```javascript
option = {
xAxis: {
type: 'category',
data: xData // x轴数据
},
yAxis: {
type: 'value'
},
series: [{
data: yData, // y轴数据
type: 'bar'
}]
};
```
其中 `xData` 和 `yData` 都是从后端查询到的数据数组,通过ajax获取。
阅读全文