升級到highstock 1.3.1打破調整大小代碼

如何調整最新的代碼。例子現在使用升級到highstock 1.3.1打破調整大小代碼

chart = $('#theChart').highcharts({

相反newing的HighStockChart

chart = new Highcharts.StockChart({

我不知道，如果是新的方式來進行分配的圖表變量工作，但並chart.setSize絕對不再工作。我用這個調整大小的代碼...

$(window).resize(function() { 
    var height = getHeight(); 
    console.log('fit new div container size, width='+$("#theChart").width()+' height='+height+' windowH='+$(window).height()); 
    chart.setSize($("#theChart").width(), height, false); 
});

這打破了調用setSize。我的圖表寬度自動更改，但高度不再改變。我嘗試設置調整大小的div上的高度，但這根本不起作用。如何動態更改圖表大小以適應窗口，但如果摺疊到最遠，也有最小高度。

（我的縮放面板也完全崩潰了...是否有一個很好的例子，因爲我現在需要添加它）。

感謝，院長

來源

2013-05-21 Dean Hiller

，您仍然可以撥打chart = new Highcharts.StockChart(options)創建圖表。

但是現在$("#container").highcharts(options);返回jQuery對象，而不是Highcharts圖表。要創建ID使用得到的圖表：$("#container").highcharts();（空highcharts（））

來源

2013-05-22 09:25:51

切換回新Highcharts.StockChart（選項）搞砸的事情了。我會嘗試第二個選項，看看它是如何工作的。 –

chart = $（「＃container」）。highcharts（）;不起作用，因爲chart.setSize（）失敗，沒有這樣的方法 –

很可能你忘記了新的Highcharts.StockChart（）添加renderTo選項。第二種選擇 - 見塞巴斯蒂安的例子 - 完美的作品。請在jsFiddle重新創建問題。 –

在最新的版本中，你仍然可以使用第一建築： http://jsfiddle.net/L6hpm/

chart = new Highcharts.StockChart({ 
     chart:{ 
      renderTo:'container' 
     },

我第二個解決方案，您可以使用：

http://jsfiddle.net/NbHj9/

var chart = $('#container').highcharts(); 

     chart.setSize(100,100);

來源

2013-05-22 09:26:27

有一些與新的Highcharts.StockChart扭曲...開關$ {'＃容器'）。highcharts（）使其工作，但不會返回具有setSize方法的圖表.. http：// jsfiddle。 net/C4eYK/ –

chart = $（「＃container」）。highcharts（）;不起作用，因爲chart.setSize（）失敗，沒有這樣的方法 –

爲什麼不利用這一點：

var chartOptions = { 
    chart: { 
     renderTo: '[id of div]', 
    }, 
    xAxis:{ 

    }, 
    ... 
    series:{ 

    }, 
}; 

var chartName = new Highcharts.chart({chartsOptions});

這絕對應該爲你工作....只是用chartName.setOptions（）設置大小

來源

2013-10-07 20:24:40

升級到highstock 1.3.1打破調整大小代碼

回答

相關問題