Angular2调用reflow图表不起作用

时间:2017-05-26 19:13:29

标签: angular highcharts

我在

上集成了Highcharts框架的Angular2应用程序

我的问题是,当切换div时我必须调整图表的大小,与此帖非常相似:

Highcharts - Issue with the chart reflow function

original chart size

当尝试显示其他部分时,我更改了图表的div大小

new chart size

如您所见,图表未调整大小。

正如文档所说,如果我调整浏览器的大小,那么图表就适合新的大小区域

我尝试在我的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()方法不起作用

我错过的图表选项中是否有其他任何混淆?

提前致谢

0 个答案:

没有答案