echart右两个y轴两组数据显示互不干扰，可以达到按比例显示

接上一篇echart设置曲线图y轴按比例显示不是必须从0开始

现在两种数据互相不打架，各显示各的数据在y轴上。

1.js的做法

        前提是你的先有两个y轴
        series : [
		        {
		            name:'名称',
		            type:'line',
		            yAxisIndex: 0,/*y轴*/
		            data:[0],
		            itemStyle:{
                        normal:{
                            color:'#1E9FFF',
                        }
                    }
		        },
		        {
		            name:'名称',
		            type:'line',
		            yAxisIndex: 1,/*y轴*/
		            data:[0],
			        itemStyle:{
	                    normal:{
	                        color:'#CDB5CD',
	                    }
	                }
		        }
		    ]

 

两个y轴

yAxis : [
		        {
		            type : 'value',
		            axisLabel : {
		                formatter: '{value} m'
		            }
		        	,splitLine: {
	                  show: false
		        	},
		        	scale:true,/*按比例显示*/
		        },
		        {
		            type : 'value',
		            axisLabel : {
		                formatter: '{value} 10<sup>6</sup>m³'
		            }
		        	,splitLine: {
	                  show: false
		        	},
		        	scale:true,/*按比例显示*/
		        }
		    ],

2.java做法

			Line line = new Line("name1");
			line.setData(arrayList1);
			line.setyAxisIndex(0);/*设置y轴*/
			Line line2 = new Line("name2");
			line2.setData(arrayList2);
			line2.setyAxisIndex(1);/*设置y轴*/
			ValueAxis valueAxis = new ValueAxis();/*第一个y轴*/
			valueAxis.setScale(true);/*设置按比例显示*/
			ValueAxis valueAxis2 = new ValueAxis();/*第二个y轴*/
			valueAxis2.setScale(true);/*设置按比例显示*/
			option.yAxis(valueAxis);
			option.yAxis(valueAxis2);
			option.series(line, line2);