echarts设置左右两边不同纵坐标刻度
时间: 2023-10-03 22:11:15 浏览: 319
在echarts中设置左右两边不同纵坐标刻度,可以使用yAxis和series中的yAxisIndex属性。具体步骤如下:
1. 定义两个yAxis,一个放在左边,一个放在右边,分别设置相应的样式和刻度。
```
option = {
yAxis: [
{
type: 'value',
name: '左边y轴',
axisLine: {
lineStyle: {
color: '#999'
}
},
axisLabel: {
formatter: '{value} ml'
}
},
{
type: 'value',
name: '右边y轴',
axisLine: {
lineStyle: {
color: '#999'
}
},
axisLabel: {
formatter: '{value} °C'
}
}
],
series: [
{
name: '数据1',
type: 'line',
data: [120, 132, 101, 134, 90, 230, 210],
yAxisIndex: 0 // 指定使用左边的yAxis
},
{
name: '数据2',
type: 'line',
data: [10, 20, 30, 40, 50, 60, 70],
yAxisIndex: 1 // 指定使用右边的yAxis
}
]
};
```
2. 将series中的数据项中的yAxisIndex属性设置为0或1,来指定所使用的yAxis。
3. 根据需要设置其他的样式和属性,比如legend、tooltip等。
注意,如果只需要一个y轴,可以不用定义第二个yAxis,直接将series中的数据项中的yAxisIndex属性设置为0即可。
阅读全文