如何解决如何摆脱 angular 中的 highcharts 13 错误?
嗨,我正在研究 Angular,我想要这个功能,比如在选项卡之间单击并显示图表时在部分之间切换。
我收到 #13 error
并且图表没有显示在第二个标签中,如何在标签之间切换时执行此操作。
这是迄今为止尝试过的代码: Stackblitz
任何解决方案都会有所帮助。
解决方法
它不起作用,因为您正在删除/读取每个 If 的渲染容器。将容器移出条件渲染差异 (*ngIf):
<div> <!-- rendering root -->
<div>
<button type="button" (click)="ShowDiv('A');ok()">Show A</button>
<button type="button" (click)="ShowDiv('B');ok()">Show B</button>
<button type="button" (click)="ShowDiv('C');ok()">Show C</button>
</div>
<div id="container">
<div *ngIf="currDiv == 'A'"></div>
<div *ngIf="currDiv == 'B'"></div>
<div *ngIf="currDiv == 'C'"></div>
</div>
</div>
https://stackblitz.com/edit/angular-showdivonclicktoggle-z2mqb2?file=src/app/app.component.html 更新: 确保永远不要删除 ok 函数中的 div 容器。
#line 96:
Highcharts.chart('container1',{}) // don't do this
Highcharts.chart('container',{ /** new chart */ })
还有为什么你需要 Ok,你可以使用 ShowDiv? 同时在对象外创建点击函数(第 173 行) 取下容器或换上一个新容器就像爬上一棵树并取下您所坐的树枝。
,您可以只创建一个 container
并在点击按钮后更新图表。
看起来简单多了,如果需要,还可以添加这些条件。
API:https://api.highcharts.com/class-reference/Highcharts.Chart#update
演示:https://stackblitz.com/edit/angular-showdivonclicktoggle-m54shc
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。