如何动态地向高度图添加高度和宽度

时间:2018-03-13 11:46:29

标签: javascript highcharts angular5 highstock

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

通常情况下,我可以给出这样的高度和宽度:

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

那么,是否有任何解决方案可以在highcharts中动态添加高度和宽度。

1 个答案:

答案 0 :(得分:1)

没有setHeight或setWidth,但有一个setSize:

setSize([width] [,height] [,animation])。例如:

chart.setSize(chartWidth, chartHeight);

这是一个jsfiddle测试setSize

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

还有一个'更新'功能,你几乎可以更新图表的每个选项,这里有一个jsfiddle显示如何:

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