如下图左右两个y轴,设置数据series的时候要设置yAxisIndex来对应,不然数据和y轴对不起来
code as following :
option3: { color: ['#FFA233','#3B5FFF'], tooltip: { trigger: 'axis', axisPointer: { type: 'cross', crossStyle: { color: '#999' } } }, legend: [ { left: '1%', data: ['近30日日均光照强度'], }, { right: '1%', data: ['近30日日均气压'], }, ], xAxis: { type: 'category', data: [], axisPointer: { type: 'shadow' } } , yAxis: [ { type: 'value', name: '', min: 0, max: 25000, interval: 5000, nameTextStyle: { color: '#3B5FFF' }, // axisLabel: { // formatter: '{value} lux' // } }, { type: 'value', name: '', min: 0, max: 250, interval: 50, nameTextStyle: { color: '#FFA233' }, // axisLabel: { // formatter: '{value} kpa' // } } ], series: [ { name: '近30日日均光照强度', type: 'line', yAxisIndex: 0, // tooltip: { // valueFormatter: function (value) { // return value + ' °C'; // } // }, data: [] }, { name: '近30日日均气压', type: 'bar', barWidth: '20%', yAxisIndex: 1, itemStyle: { color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ { offset: 0, color: '#6D98FF' }, { offset: 0.5, color: '#5E74F9' }, { offset: 1, color: '#3B5FFF' } ]) }, // tooltip: { // valueFormatter: function (value) { // return value + ' ml'; // } // }, data: [ ] }, ] },