设置特定大小后,Highcharts图表会调整窗口大小调整事件的大小

时间:2014-12-22 12:08:49

标签: javascript highcharts

在我工作的应用中,我有这样的场景: 在响应式容器中,我有一个图表。此容器在某一点调整大小,我需要通过调用setSize方法更改图表大小。 但之后我想让图表再次响应 - 重新调整窗口大小调整事件。

我做了一个小提琴演示: http://jsfiddle.net/7ka4qaef/ 首先单击红色按钮,然后尝试调整窗口大小。 无论如何'忘记'我使用了setSize方法?

3 个答案:

答案 0 :(得分:1)

在setSize执行您想要的操作后添加此内容:

$('#container').highcharts().hasUserSize = false;

Forked JSFiddle

之前的查询:stackoverflow query

答案 1 :(得分:0)

最新版本的HighCharts中已删除

hasUserSize

我设法对这些行做了同样的事情:

chart.options.chart.width = null;
chart.options.chart.height = null;

答案 2 :(得分:0)

我使用update函数来解决这个问题。

this.$refs.highcharts.chart.update({
  chart: {
    width: undefined,
    height: undefined,
  },
});