如何动态添加高度和宽度到highchart

Question

我正在使用 angular-highcharts，在这里我们有 addSeries(), removeSeries(), addPoint() 等选项，但没有添加高度和宽度。在 angular-highchart 中，如果我使用具有全屏选项的 widgets，会出现一些问题。当小部件进入 fullscreen 其中 highchart 在那里时，highchart 不采用父级高度和宽度，即小部件的高度和宽度。

通常，我可以这样给出高度和宽度：

chart:{
   type:'bar',
   height:600,
   width:1450
},

那么，有什么解决方案可以让我在 highcharts 中动态添加高度和宽度。

Answer 1

没有 setHeight 或 setWidth 但有 setSize:

setSize([宽度][高度][动画])。示例：

chart.setSize(chartWidth, chartHeight);

这是一个 jsfiddle 测试 setSize

http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/members/chart-setsize-button/

还有一个 'update' 函数，您可以在其中更新图表的几乎每个选项，这里是一个 jsfiddle 显示如何：

http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/members/chart-update/

如何动态添加高度和宽度到highchart

how to add height and width to highchart dynamically

javascript

highcharts

angular5

highstock