当前位置: 首页>后端>正文

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: [? ? ? ? ? ? ? ? ? ? ? ? ? ]? ? ? ? ? },? ? ? ? ]? ? ? },

echart yAxisIndex,第1张
dd

https://www.xamrdz.com/backend/3r41997551.html

相关文章: