在瀏覽器調整大小之前，不會繪製Highcharts線條

我在我的某個頁面上測試Highcharts javascript圖表庫時遇到了問題。在瀏覽器調整大小之前，不會繪製Highcharts線條

我看到的問題是沒有數據可見，直到我稍微調整瀏覽器的大小。在調整工具提示大小之前，確實顯示了要點。

首先我想這個問題是由於jquery選項卡，但事實並非如此。我添加了來自Highcharts建議的修復。 http://www.highcharts.com/studies/jquery-ui-tabs.htm

我嘗試在初始化之後調用圖表setSize（）方法來查看手動調整大小是否會導致行可行。

任何想法？

這裏我如何初始化圖表。

$(div).ready(function(){ 
    var chart = new Highcharts.Chart({ 
     chart: {renderTo: 'some-div', type: 'line'}, 
     title: {text: 'Title'}, 
     xAxis: {type: 'text',title: {text: null}}, 
     yAxis: {title: {text: 'Usage'}}, 
     series: [{name:"Series 1", data : [1,2,3,4,5,6,6,7,2,7] }], 
     legend: {enabled: true} 
    }); 
})

來源

2012-12-24 Adam Magaluk

什麼是div變量 –

div變量我通過我的設置功能，編輯刪除了一些變量。 –

你能設置一個jsFiddle來重現問題嗎？ – Mark

想通了，我沒有找到問題，但找到了解決方案。

從版本v2.1.6升級到最新（v2.3.5）解決了它。

通過changelog來看看有幾個引用了Jquery 1.7/1.8兼容性問題的bug修復可能的原因。

來源

2012-12-26 14:55:27

我遇到了類似的問題，其中曲線只出現在用戶選擇縮放級別之後，儘管工具提示從一開始就處於活動狀態。這個問題是Highstock JS v1.1.5和jquery-1.9.1之間的衝突。恢復到jquery-1.7.2解決了這個問題，但我想象轉移到更高版本的HighChart和JQuery將是最好的解決方案。 –

在開始嘗試更新到最新的highstock因爲它的舊版本 –

@adam嗨我也面臨同樣的問題，但與更新的版本。你有什麼想法爲什麼發生了。謝謝 – UFM

在瀏覽器調整大小之前，不會繪製Highcharts線條

回答

相關問題