echarts折线图纵坐标
时间: 2023-06-29 19:16:34 浏览: 117
echarts折线图的纵坐标可以通过以下两种方式设置:
1. 使用 yAxis 属性进行设置:
```javascript
option = {
//...
yAxis: {
type: 'value', // 声明为数值轴
min: 0, // 设置最小值
max: 100, // 设置最大值
splitNumber: 5 // 设置分割段数为5
},
series: [{
type: 'line',
data: [10, 20, 30, 40, 50, 60, 70, 80, 90, 100]
}]
//...
};
```
2. 使用 series 中的 itemStyle 属性进行设置:
```javascript
option = {
//...
series: [{
type: 'line',
data: [10, 20, 30, 40, 50, 60, 70, 80, 90, 100],
itemStyle: {
normal: {
label: {
show: true, // 显示标签
position: 'top', // 标签位置
formatter: function(params) { // 自定义标签内容
return params.value + '%';
}
}
}
}
}]
//...
};
```
以上两种方式均可设置折线图的纵坐标,具体使用哪种方式根据实际需求而定。
阅读全文