echarts折线图y轴为文字
时间: 2024-06-12 07:02:01 浏览: 92
Echarts实现的折线图
5星 · 资源好评率100%
在 Echarts 中,折线图的 y 轴可以为文字,实现方式为通过设置 y 轴的 type 属性为 "category",然后将对应的 y 轴值作为数组传入。例如:
```
option = {
xAxis: {
type: 'category',
data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
},
yAxis: {
type: 'category',
data: ['低温', '中温', '高温']
},
series: [{
data: [
['周一', '低温'],
['周二', '中温'],
['周三', '高温'],
['周四', '中温'],
['周五', '低温'],
['周六', '高温'],
['周日', '中温']
],
type: 'line'
}]
};
```
在上面的代码中,我们将 y 轴的 type 属性设置为 "category",并将需要显示的文字作为数组传入 yAxis 的 data 属性中。同时,在 series 中的 data 中,我们将需要显示的 x 轴和 y 轴的值作为一个数组传入,即 ['周一', '低温'],这样就可以实现折线图 y 轴为文字的效果。
阅读全文