Angular HighMaps缩放添加明亮,而不是正确缩放

Angular HighMaps缩放添加明亮,而不是正确缩放,angular,highcharts,Angular,Highcharts,我用滚轮鼠标缩放时出现了这个问题。地图显示得很好。但是,当我尝试放大或缩小时,它会显示更亮或不亮的地图,而不是缩放 我正在使用 "@angular/core": "~7.2.3", "@types/highcharts": "^5.0.36", "highcharts": "^7.0.2", "highcharts-angular": "^2.4.0" 我试着降低版本的等级,结果是一样的 以下是地图选项: const mapWorld = require('@highcharts/map

我用滚轮鼠标缩放时出现了这个问题。地图显示得很好。但是,当我尝试放大或缩小时,它会显示更亮或不亮的地图,而不是缩放

我正在使用

"@angular/core": "~7.2.3",

"@types/highcharts": "^5.0.36",

"highcharts": "^7.0.2",

"highcharts-angular": "^2.4.0"
我试着降低版本的等级,结果是一样的

以下是地图选项:

const mapWorld = require('@highcharts/map-collection/custom/world.geo.json'); this.dataSize = { width: 450, height: 280 }; this.chartMap = { chart: { map: mapWorld, height: this.dataSize.height, width: this.dataSize.width }, credits: { enabled: false }, title: { style: { 'text-transform': 'uppercase', 'font-family': '"Roboto", sans-serif', 'font-size': '20px', 'font-weight': 'bold' }, align: 'left', text: this.translate.instant(this.title) }, tooltip: { headerFormat: '' }, legend: { enabled: false }, xAxis: { minRange: 0.1 }, mapNavigation: { enabled: true, enableButtons: false, enableMouseWheelZoom: true, enableDoubleClickZoom: false }, colorAxis: { min: 0, minColor: '#43aa98', maxColor: '#43aa98' }, series: [{ states: { hover: { color: '#008a73' } }, animation: true, dataLabels: { enabled: false }, allAreas: true, data: this.mapData } as Highcharts.SeriesMapOptions] }; const mapWorld=require('@highcharts/map collection/custom/world.geo.json'); this.dataSize={ 宽度:450, 身高:280 }; 此.chartMap={ 图表:{ 地图:地图世界, 高度:this.dataSize.height, 宽度:this.dataSize.width }, 学分:{ 已启用:false }, 标题:{ 风格:{ “文本转换”:“大写”, “字体系列”:“Roboto”,无衬线, “字体大小”:“20px”, “字体大小”:“粗体” }, 对齐:“左”, 文本:this.translate.instant(this.title) }, 工具提示:{ 总部地址:'' }, 图例:{ 已启用:false }, xAxis:{ 最小范围:0.1 }, 地图导航:{ 启用:对, 启用按钮:false, enableMouseWheelZoom:正确, 启用双击缩放:false }, 颜色轴:{ 分:0,, minColor:“#43aa98”, maxColor:“#43aa98” }, 系列:[{ 国家:{ 悬停:{ 颜色:“#008a73” } }, 动画:没错, 数据标签:{ 已启用:false }, 阿拉雷斯:是的, 数据:this.mapData }作为高图表。系列替换] }; 在HTML中

highcharts-chart [Highcharts]="Highcharts" [constructorType]="'mapChart'" [options]="chartMap" highcharts图表[highcharts]=“highcharts”[constructorType]=“mapChart'”[options]=“chartMap” 我不知道发生了什么事。一些想法


谢谢

最后的问题是,我确实将de Highchart声明为chart,而不是chartMap,并将其写入一个函数,以自动调整大小

一个工作伙伴找到了那条线


感谢大家的阅读。

最后的问题是,我确实将de Highchart声明为chart,而不是chartMap,并将其写入一个函数,以自动调整大小

一个工作伙伴找到了那条线


感谢大家的阅读。

您能在此演示中查看一下吗:?它工作正常。你能在这个演示上检查一下吗:?它工作正常。