angular-highcharts与遗留应用程序的highcharts lib冲突

时间:2018-07-25 09:31:14

标签: javascript angular highcharts

Angular 2+用于使用Highcharts的Spring MVC应用程序的新部分。后来,highcharts图表(angular-highcharts)被添加到用angular 2+技术编写的新组件中。双方使用相同的Highcharts 6版本。
在初始化角度图表组件时,Highcharts已加载到网页中,并引发以下Uncaught Error: Highcharts error #16: www.highcharts.com/errors/16

角图不会重新加载Highcharts,并且将执行H.error(code, true)。 解决此冲突的最佳方法是什么?
是否应该为旧版Web应用程序创建其他Highcharts_X全局变量?我不喜欢这种方法,因为Higcharts有效地使用了该方法,然后应在许多地方的源代码中对其进行更改。(?)

是否可以告诉angular-higcharts库已被加载并使用该库?
还是让它重新加载而不会因错误而破坏JS?

1 个答案:

答案 0 :(得分:1)

您可以使用全局定义的Highcharts,而不是两次加载Highcharts。 例如:

//import * as Highcharts from 'highcharts/highstock';
declare var Highcharts: any;

您必须删除加载模块字符串,并声明任何要构建的变量,而不会出现问题。