0

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

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

而不是新建一个 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 的高度,但这根本不起作用。如何动态更改图表大小以适合窗口但如果折叠到远处也有最小高度。

(我的缩放面板也完全坏了……有没有一个很好的例子,因为我现在需要把它加回来)。

谢谢,院长

4

3 回答 3

1

At the newest version you can still use first construction: http://jsfiddle.net/L6hpm/

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

I second solution you can use:

http://jsfiddle.net/NbHj9/

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

        chart.setSize(100,100);
于 2013-05-22T09:26:27.437 回答
1

您仍然可以调用chart = new Highcharts.StockChart(options)创建图表。

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

于 2013-05-22T09:25:51.293 回答
0

为什么不使用这个:

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

    },
     ...
    series:{

    },
};

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

这绝对适合你....只需使用 chartName.setOptions() 设置大小

于 2013-10-07T20:24:40.300 回答