echarts柱状图多组数据
时间: 2023-10-18 22:05:55 浏览: 162
echarts-柱状图
echarts柱状图可以显示多组数据。你可以使用echarts的xAxis配置项来设置横坐标的数据,然后使用series配置项中的data属性来设置对应的纵坐标数据。每组数据可以在series配置项中通过多个对象来表示,例如:
```javascript
option = {
xAxis: {
type: 'category',
data: ['数据一', '数据二', '数据三'] // 横坐标数据
},
yAxis: {
type: 'value'
},
series: [
{
name: '组一',
type: 'bar',
data: [10, 20, 30] // 组一的纵坐标数据
},
{
name: '组二',
type: 'bar',
data: [15, 25, 35] // 组二的纵坐标数据
}
]
};
```
这样,echarts柱状图就可以同时展示多组数据了。
阅读全文