echarts 上下雙座標軸Y軸對齊

2021-09-22 19:35:29 字數 1409 閱讀 3786

1.問題:不同的資料來源用同乙個布局頁面來顯示會導致對齊乙個頁面另外的頁面y軸對不齊,如下圖:

圖1:

圖2:

後來經過觀察發現,圖1和圖二的下半部分的y軸數量座標位數不一樣,導致了長度不同,這樣的話就不行,不能夠適配其他的資料。所以就必須把上下兩個軸的y軸的數量的寬度固定下來,然後讓它們左對齊或右對齊,而echarts 好像沒有固定這個寬度的api.

所以,就採用補空位的方法。

本例中我是預設6位數的,不夠就在其左邊補齊,這樣就使得上下的y軸資料的寬度一樣,所以就會對齊。

**:

worktime(group, a, b) : 人',

axispointer:

},legend: ,

itemgap: 30,

itemwidth: 25,

},grid: [, , ],

yaxis: [,

axistick: ,

position: 'left',

axislabel: ,

textstyle:

},splitline:

}}, , ,

axistick: ,

position: 'left',

axislabel: ,

textstyle:

},splitline:

}}, ],

xaxis: [,

axistick: ,

axislabel: ,

data: ,

}, ,

axistick: ,

axislabel:

},data: aa,},,

axistick: ,

axislabel: ,

data: ,}],

series: [

},label:

},xaxisindex: 2,

yaxisindex: 2,

data: a

}, },

label:

},data: b,

}]};

// 使用剛指定的配置項和資料顯示圖表。

mychart.setoption(option1);

},// 上下坐標軸對齊

yk: function (val) ,

alignment: function (val)

},

10 9 雙座標軸繪製

在實際的應用中,常常需要把同一自變數的兩個不同量綱 不同量級的函式量的變化同時繪製在同乙個圖窗中,例如在同一張圖中同時展示空間一點上的電磁波的幅度和相位隨時間的變化 不同時間內的降雨量和溫濕度的變化,matlab中的plotyy函式可以實現上述功能,其具體的語法格式如下 plotyy x1,y1,x...

matplotlib繪製雙座標軸(雙縱軸)

import matplotlib.pyplot as plt import numpy as np plt.rcparams font.sans serif simhei 用來正常顯示中文標籤 plt.rcparams axes.unicode minus false 用來正常顯示負號 if na...

matlab 設定座標軸位置 方向 y軸反向

matlab中對於座標軸的設定由set語句完成 set gca,xaxislocation bottom 將x軸的位置設定在底部 預設 set gca,xaxislocation top 將x軸的位置設定在頂部。set gca,xaxislocation origin 將x軸的位置設定在y 0處。s...