打字稿中的Highmaps：地图未显示

Question

我试图使用react中的typescript中的highcharts包的高图。但是，它根本不显示地图。

在这里观看现场演示：https://codesandbox.io/s/o9nokjr6vz

它与此选项有关：

Highcharts.mapChart("investment", {
  chart: {
    map: "countries/de/de-all"
  },

我错过了什么？

Answer 1

您的地图未加载所引用的“countries / de / de-all”的地图数据。你必须下载德国here的GeoJson文件并将json文件上传到你的项目并像这样导入它;

import * as mapdata from "./de-all.geo.json";

并按如下方式设置地图数据

Highcharts.mapChart("investment", {
      chart: {
        //map: "countries/de/de-all"
        map: mapdata
      },

请参阅forked demo here：

当Highcharts地图通过npm提供时，这当然会变得更容易。