天天看點

echarts 刻度 雙y軸_輕松完美-實作ECharts雙Y軸左右刻度線一緻

不一緻的情況如下圖:

修改成一緻的情況如下圖:

代碼如下:

yAxis : [

{

type : 'value',

name : '人數',

//splitLine:{show:false},

axisLabel : {

formatter: '{value} 個',

textStyle:{color: '#A23400'}//#A23400 purple

},

axisLine:{

lineStyle:{color:'#A23400',width:'1'}  //y軸坐标軸顔色  #A23400 black

}

},

{

type : 'value',

name : '人次',

//splitLine:{show:false},

axisLabel : {

formatter: qfamtter,

textStyle:{color: '#00AEAE'}//#00AEAE blue

},

axisLine:{

lineStyle:{color:'#00AEAE',width:'1'}  //y軸坐标軸顔色 #00AEAE black

},

min: 0,

max: Max2*2,

splitNumber: 6,

interval: (Max2*2 - 0) / 6

}

其中需要加:

,

min: 0,

max: Max2*2,

splitNumber: 6,

interval: (Max2*2 - 0) / 6

左邊Y軸預設了分成6段,是以要把右邊Y軸也分成6段。

附加:jquery 數組擷取最大值和最值的方法,僅供參考

//計算最大值

function cal_Max(a) {

//debugger

a=$.grep(a,function(n,i){return i>0;});

var maxval = Math.max.apply(null, a);

return maxval;

}

//計算最小值

function calMin(a) {

a=$.grep(a,function(n,i){return i>0;});

var minval = Math.min.apply(null, a)

return minval;

}