1. 程式人生 > >echarts實現雙y軸,並實現不同的引數使用不同的y軸

echarts實現雙y軸,並實現不同的引數使用不同的y軸

需求:折線圖實現雙y軸,並實現不同的引數使用不同的y軸

方法:

1、yAxis中新增雙軸

[{
type: 'value',
name: '溫度',
axisLabel: {
formatter: '{value}℃'
 }
},{
type: 'value',
name: '百分比',
min: 0,
max: 100,
 axisLabel: {
formatter: '{value}%'
}
}]

其中

position:y軸的位置,

預設 grid 中的第一個 y 軸在 grid 的左側('left'),第二個 y 軸視第一個 y 軸的位置放在另一側。

2、series中新增引數yAxisIndex

[{
name: '送風溫度(℃)',
type: 'line',

yAxisIndex: 1,

data: ary0
},{
name: '風機速度反饋(%)',
type: 'line',
yAxisIndex: 1,
data: ary8
}]

yAxisIndex預設是0,即使用第一個y軸設定0,地位個y軸設定1

效果圖: