Highchart股票gui在Angular 8中不工作

Highchart股票gui在Angular 8中不工作,angular,highcharts,Angular,Highcharts,我想用Highchart股票做一个角度为8的图表。 我想添加“全屏”按钮,因此我执行了以下操作: 在我的组件中,我导入了所需的模块: import * as Highcharts from "highcharts/highstock"; import * as HStockTools from "highcharts/modules/stock-tools"; import * as HFulScreen from "highcharts/mod

我想用Highchart股票做一个角度为8的图表。 我想添加“全屏”按钮,因此我执行了以下操作:

在我的组件中,我导入了所需的模块:

import * as Highcharts from "highcharts/highstock";
import * as HStockTools from "highcharts/modules/stock-tools";
import * as HFulScreen from "highcharts/modules/full-screen";


HFulScreen(Highcharts)
HStockTools(Highcharts)
在我的CSS文件中,我添加了:

@import "https://code.highcharts.com/css/stocktools/gui.css";
@import "https://code.highcharts.com/css/annotations/popup.css";
图形选项:

stockTools: {
    gui: {
      buttons: [ 'fullScreen', 'separator', 'saveChart' ]
    }
  },
  chart: {
      height : "600px"
  },
  tooltip: {
    shared: true ,
    split :false
  },
  credits: {
    enabled: false
  },
  yAxis: [{
    labels: {
      align: 'left'
    },
    height: '60%',
    resize: {
      enabled: true
    }
  }, {
    labels: {
      align: 'left'
    },
    top: '60%',
    height: '20%',
    offset: 0
  }, {
    top: '80%',
    height: '20%'
  }],

  series: [{
    type: 'line',
    id: 'activa-ohlc',
    name: 'AAPL Stock Price',
    data: "ohlc"
  }, {
    type: 'column',
    id: 'aapl-volume',
    name: 'AAPL Volume',
    data: "volume"
  }],
Package.json与Highchart的版本:

"highcharts": "^8.0.3",
"highcharts-angular": "^2.4.0",
但我得到了一个错误:

ERROR in ../node_modules/highcharts/modules/full-screen.d.ts:17:21 - error TS2304: Cannot find name 
'Fullscreen'.

17         fullscreen: Fullscreen;
我不知道我是否做错了什么


感谢您的帮助

我在存储库中发现了一个类似的问题

看起来
全屏
模块需要
导出
模块,因此要解决此问题,您可以尝试导入并初始化
导出
模块

导入HC_从“highcharts/modules/exporting”导出;
从“海图/模块/全屏”导入HC_全屏;
HC_出口(高图表);
HC_全屏(高图);

希望这能解决你的问题。如果以下解决方案无效,请在在线编辑器中重新创建该问题,以便我可以检查哪些不起作用或可以执行哪些操作。

您好,感谢该帖子对我的帮助。另外,我必须将“海图”:“^8.0.3”,“海图角度”:“^2.4.0”升级到最新版本。