Highchart股票gui在Angular 8中不工作
我想用Highchart股票做一个角度为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
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”升级到最新版本。