代码之家 › 专栏 › 技术社区 › Peterhack

Typescript中的Highmaps:不进行dipslayed的映射

highcharts typescript reactjs

Peterhack · 技术社区 · 6 年前

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

它与此选项相关:

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

我错过了什么?

1 回复 | 直到 6 年前

gert vaartjes 6 年前

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

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

设置地图数据如下

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

推荐文章

user3587624 · 禁用FluentUI React组件上的onClick事件

1 年前

Devmix · 如何在new Map()中保存状态?

1 年前

programmerGuy · 使用useState时获取不可分配给参数的接口

1 年前

Luisus · 从Prisma 5客户端提取类型

1 年前

Rostys · TypeScript:使用类型转换进行类型保护

1 年前

Raffaele · TS2304:当types.d.ts导出某些内容时,找不到名称ENDPOINT

1 年前

Anne · 类型不一致的对象的TypeScript类型定义

1 年前

tuimui · 使用react+ts通过道具传递数据

1 年前

FJ97 · 错误NullInjectorError:R3InjectorError(AppModule)[MatDialogConfig->MatDialogConfig]:

1 年前

Pooria Sadeghy · Vitest-类型错误:_ctx$t不是函数

1 年前