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