Question

使用滚轮鼠标缩放时出现此问题。地图显示正确。但是，当我尝试放大或缩小时，它会显示地图更亮或更暗，而不是缩放。

我正在使用

"@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]
    };

以HTML

highcharts-chart [Highcharts]="Highcharts" [constructorType]="'mapChart'" [options]="chartMap"

我不知道发生了什么。有想法吗？

谢谢！

Answer 1

最后一个问题是，我确实将de Highchart声明为图表而不是chartMap到我编写的自动调整大小的函数中。

一个同事找到这条线。

感谢所有人阅读。

HighMaps Zoom增加亮度而不是正确缩放

1 个答案: