echarts柱状图x轴显示
时间: 2023-11-14 16:09:33 浏览: 161
echarts 横着显示的柱状图
在 echarts 中,柱状图的 x 轴可以通过 xAxis 属性进行设置。具体来说,需要设置 xAxis.type 为 'category',然后再设置 xAxis.data 为一个数组,数组中的每个元素代表一个 x 轴上的刻度。例如:
```
option = {
xAxis: {
type: 'category',
data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
},
yAxis: {
type: 'value'
},
series: [{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'bar'
}]
};
```
上面的代码中,xAxis.data 数组中包含了七个元素,分别代表周一到周日。这样设置之后,柱状图的 x 轴就会显示出这七个刻度。
阅读全文