Question

如何使用最新代码调整大小。这些例子现在使用

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

而不是新建HighStockChart

chart = new Highcharts.StockChart({

我不确定分配图表变量的新方法是否正常工作虽然AND 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上设置高度，但这根本不起作用。如何动态更改图表大小以适应窗口，但如果折叠到远处，则具有最小高度。

（我的缩放面板也完全破坏了...有一个很好的例子，因为我现在需要添加它）。

感谢，迪安

Answer 1

您仍然可以致电chart = new Highcharts.StockChart(options)来创建图表。

但是现在$("#container").highcharts(options);返回jQuery对象，而不是Highcharts图表。要从创建的id获取图表，请使用：$("#container").highcharts();（空的highcharts（））

Answer 2

在最新版本中，您仍然可以使用第一个构造： http://jsfiddle.net/L6hpm/

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

我可以使用的第二种解决方案：

http://jsfiddle.net/NbHj9/

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

        chart.setSize(100,100);

Answer 3

为什么不使用它：

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

    },
     ...
    series:{

    },
};

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

这绝对适合你....只需使用chartName.setOptions（）来设置大小

升级到highstock 1.3.1中断调整大小代码

3 个答案: