echarts折线图x轴刻度
时间: 2023-10-09 12:04:49 浏览: 170
Echarts实现的折线图
5星 · 资源好评率100%
对于 ECharts 折线图的 X 轴刻度,可以通过设置 xAxis.type 属性为 'category' 来使用类目轴,然后设置 xAxis.data 属性为一个数组,数组中的每个元素就是一个刻度值,例如:
```javascript
option = {
xAxis: {
type: 'category',
data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
},
yAxis: {
type: 'value'
},
series: [{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'line'
}]
};
```
这样就可以在 X 轴上显示 '周一', '周二', '周三' 等刻度值。如果需要对刻度进行更多的样式和格式化设置,可以参考 ECharts 类目轴文档:https://echarts.apache.org/zh/option.html#xAxis.type。
阅读全文