我有一个如下代码,它允许我在亮和暗之间切换highchart的主题,但它没有得到更新。主题只有在刷新页面后才切换。有没有办法做到这一点,而不刷新它?
ngAfterViewInit(){
Highcharts.setOptions(getOptions(this.isLightTheme ? ThemeName.PROFESSIONAL_LIGHT: ThemeName.PROFESSIONAL_DARK));
}
我有一个如下代码,它允许我在亮和暗之间切换highchart的主题,但它没有得到更新。主题只有在刷新页面后才切换。有没有办法做到这一点,而不刷新它?
ngAfterViewInit(){
Highcharts.setOptions(getOptions(this.isLightTheme ? ThemeName.PROFESSIONAL_LIGHT: ThemeName.PROFESSIONAL_DARK));
}
1条答案
按热度按时间jjhzyzn01#
您需要重新创建图表以应用
Highcharts.setOptions
主题更改。在Angular中执行此操作的最简单解决方案似乎是两个highcharts-chart
组件的条件渲染。示例:于飞:
组成部分:
现场演示:https://stackblitz.com/edit/highcharts-angular-update-optimal-way-qge3vg?file=src/app/app.component.ts
**文档:**github.com/highcharts/highcharts-angular#readme