高级图表升级到8.1.2不使用角8

Question

我正在尝试将高海图版本从6.2升级到8.1.2。

我以下列方式进口

import * as Highcharts from 'highcharts/highstock';
declare var require: any;
require('highcharts/modules/annotations')(Highcharts);
require('highcharts/highcharts-more')(Highcharts);
require('highcharts/modules/data')(Highcharts);
require('highcharts/modules/drilldown')(Highcharts);
require('highcharts/modules/exporting')(Highcharts);
require('highcharts/modules/funnel')(Highcharts);
require('highcharts/modules/heatmap')(Highcharts);
require('highcharts/modules/histogram-bellcurve')(Highcharts);
require('highcharts/modules/offline-exporting')(Highcharts);
require('highcharts/modules/parallel-coordinates')(Highcharts);
require('highcharts/modules/pareto')(Highcharts);
require('highcharts/modules/boost')(Highcharts);
require('highcharts/themes/dark-blue')(Highcharts);

but when I am trying to overwrite the theme using
 Highcharts.theme = {
            colors:
                [
                    "#0082D1",
                    "#233E66",]}

它无法处理错误，比如属性“主题”在import("/Users/xyz/Documents/gits/abc/node_modules/highcharts/highcharts")'.类型中不存在

我已经切换到更低的版本，然后它工作的很好。还有其他人遇到过这个问题吗。我已经花了两天的时间来解决这个问题。

Answer 1

它看起来像是TS声明中的一个问题，幸运的是它可以很容易地被修复。您不必重写Highcharts.themes来应用全局主题。您可以将配置存储在一个常规变量中，然后将其应用于Highcharts.setOptions()方法。

const theme = {
  colors: ["hotpink", "tomato"]
};

Highcharts.setOptions(theme);

现场演示： https://stackblitz.com/edit/highcharts-angular-basic-line-7xd5rr

我已经在高海图GitHub问题页面上报告了TS声明问题，这里是：https://github.com/highcharts/highcharts/issues/13794