我已經(jīng)構(gòu)建了多個(gè)圖表，并想通過(guò)單擊按鈕選擇其中一個(gè)。每個(gè)按鈕顯示一個(gè)圖表的 div 并隱藏其他圖表：$(document).ready(function(){
$("#standd").click(function(){
$("#Standd").show();
$("#Verlaufw").hide();
$("#Verlaufd").hide();
$("#Standw").hide();});根據(jù) css 類，div 的寬度為 100%。.width {
min-width: 320px;
max-width: 100%;
margin: 0 auto;
}當(dāng)我更改瀏覽器的大小時(shí)，實(shí)際圖表會(huì)調(diào)整寬度以適應(yīng)新的大小。但背景中的其他部分保持原來(lái)的大小。當(dāng)我單擊按鈕并顯示另一個(gè)圖表時(shí)，它的大小錯(cuò)誤。我能做些什么？參見(jiàn)小提琴
1 回答
不負(fù)相思意
TA貢獻(xiàn)1777條經(jīng)驗(yàn) 獲得超10個(gè)贊
您可以調(diào)用該reflow方法來(lái)確保圖表適合其容器：
$("#standd").click(function() {
$("#Standd").show();
$("#Standd").highcharts().reflow();
...
});
現(xiàn)場(chǎng)演示： https: //jsfiddle.net/BlackLabel/vyusa02g/
API 參考： https://api.highcharts.com/class-reference/Highcharts.Chart#reflow
- 1 回答
- 0 關(guān)注
- 128 瀏覽
添加回答
舉報(bào)
0/150
提交
取消