我在
上集成了Highcharts框架的Angular2应用程序我的问题是,当切换div时我必须调整图表的大小,与此帖非常相似:
Highcharts - Issue with the chart reflow function
当尝试显示其他部分时,我更改了图表的div大小
如您所见,图表未调整大小。
正如文档所说,如果我调整浏览器的大小,那么图表就适合新的大小区域
我尝试在我的Graph组件中实现reflow()调用:
组件定义
@Component({
moduleId: module.id,
selector: 'graph',
template: `
<div style="width:100%">
<chart (load)="guardarChart($event.context)" [options]="options"></chart>
</div>
`,
styleUrls: ['./graph.css']
})
guardarChart和reflow方法
redraw() {
setTimeout(this.chart.reflow(), 2000);
}
guardarChart(chartInstance: Highcharts.Chart) {
this.chart = chartInstance;
}
ccs代码
chart {
display: block;
}
如果我更改重绘方法以调用Chart的任何其他方法,它可以工作,例如,如果我调用setSize方法,图表会改变其大小,但reflow()方法不起作用
我错过的图表选项中是否有其他任何混淆?
提前致谢