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,并将其写入一个函数,以自动调整大小 一个工作伙伴找到了那条线
感谢大家的阅读。您能在此演示中查看一下吗:?它工作正常。你能在这个演示上检查一下吗:?它工作正常。