Echarts的雙y軸0刻度對齊問題

2021-09-26 09:23:14 字數 933 閱讀 9143

雙y軸0刻度的對齊核心是y軸最大最小值的設定。

option = ,

yaxis: [else

},min: function(value) else}},

else

},min: function(value) else

}}],

series: [,

]}

然而我用了沒效果,可能是我的其它配置的地方影響了,於是自己想出另一種解決辦法:

我的場景是這樣的:左邊的軸是金額,右邊是百分比,最大是100%,最小是0,

思路是:1、求出第一條軸資料的最大,最小值,並設定成y軸最大、最小值(產品要求y軸的最大最小值根據資料取)

2、兩條軸的splitnumber設定成相等

3、第二條軸的最大值設為100,最小值為ymin/ymax*100,作用是若第一條軸的最小值小於0,第二條軸的就會在0刻度之後加上等比長度的刻度。

效果圖如下:

yaxis: [,

show: true,

min: ymin,

max: ymax,

splitnumber: 5,

splitline: ,

axisline:

},axistick: ,

axislabel: else

},textstyle: }},

,splitline: ,

axisline: ,

axistick: ,

max: 100,

min: ymin/ymax*100,

splitnumber: 5,

//interval: (ymax-ymin)/5,

axislabel: else

},textstyle: },}

],

echarts雙Y軸製作 vue

先引入echarts mounted methods icon rect icon rect orient level 設定標記的方向 top 10,top,left,right,bottom 用來設定標題與容器間的距離 left 250,align right 設定圖例標記和文字的對齊,auto ...

echars雙y轉X軸起點均為0

做乙個即有 柱圖又有折線圖的雙y軸,發現當有負數時,曲線的y百分比y軸和柱圖的yl軸起點0不在一條水平線上,於事做了做如下修改,設定兩個y軸的max,charts3 echarts.init document.getelementbyid charts3 light chartscolumnopti...

echarts 上下雙座標軸Y軸對齊

1.問題 不同的資料來源用同乙個布局頁面來顯示會導致對齊乙個頁面另外的頁面y軸對不齊,如下圖 圖1 圖2 後來經過觀察發現,圖1和圖二的下半部分的y軸數量座標位數不一樣,導致了長度不同,這樣的話就不行,不能夠適配其他的資料。所以就必須把上下兩個軸的y軸的數量的寬度固定下來,然後讓它們左對齊或右對齊,...