highcharts - 如何在按钮单击时以百分比重置 Highchart 图表宽度

Question

我想在单击按钮时更改highchart 的宽度，我知道我可以使用chart.setSize函数来完成，但它仅以像素为单位设置宽度。但我需要以百分比设置宽度。

这是示例 JSFiddle，我在其中尝试以 3 种方式重置宽度。只有按钮 1 有效，其余 2 无效。

请让我知道如何以百分比重置宽度。

Answer 1

你可以这样button4 做：

    var chart = $('#container').highcharts();
    var el = $('.chart-inner');
    el.css('width','100%');
    chart.setSize(el.width(),el.height(),true);