echart yAxisIndex

如下图左右两个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: [                          ]          },        ]      },


dd

你可能感兴趣的:(echart yAxisIndex)