Scene: Y-axis by a plurality, the plurality of dimensions to achieve a change of view comparative data
Measures: for yAxis plurality of sets of target arrays, each representing a different Y-axis; in series configuration, with each required configuration yAxisIndex , does not change the parameter set, the default is 0
code show as below:
var colors = ['#5793f3', '#d14a61', '#675bba']; option = { color: colors, tooltip: { trigger: 'axis', Axis pointer: { type: 'cross' } }, legend: { Data: [ 'evaporation', 'precipitation', 'average temperature' ] }, xAxis: [ { type: 'category', axisTick: { alignWithLabel: true }, Data: [ "January", "February", "March", "April", "May", "June", "July", "August", "September", '10 month ', '11 months' '12 months' ] } ], yAxis : [ { type: 'value', name: 'evaporation' , I: 0 , max: 250, position: 'right', axisLine: { lineStyle: { color: colors[0] } }, axisLabel: { formatter: '{value} ml' } }, { type: 'value', name: "Precipitation" , I: 0 , max: 250, position: 'right', offset: 80, axisLine: { lineStyle: { color: colors[1] } }, axisLabel: { formatter: '{value} ml' } }, { type: 'value', name: 'temperature' , I: 0 , max: 25, position: 'left', axisLine: { lineStyle: { color: colors[2] } }, axisLabel: { formatter: '{value} °C' } } ], series: [ { name: 'evaporation' , type:'bar', data:[2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3] }, { name: "Precipitation" , type:'bar', yAxisIndex: 1, data:[2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3] }, { name: "Average temperature" , type:'line', yAxisIndex: 2, data:[2.0, 2.2, 3.3, 4.5, 6.3, 10.2, 20.3, 23.4, 23.0, 16.5, 12.0, 6.2] } ] };