Highcharts使用React TypeScript进行映射

Question

我正在尝试使用TypeScript编写the WorldMap example，但Highcharts Options中的系列出现问题：

(Highcharts, Highstock, Highmaps, Gantt) Series options for specific data and the data itself. In TypeScript you have to cast the series options to specific series types, to get all possible options for a series.

看起来series需要type: 'map'，但我已经尝试过了，但是没有用。 我也在线查看了示例和答案（1，2，3，4），但它们仅适用于jsx中的React，而{ {1}}。

tsx

Answer 1

我在您的尝试中发现了一些问题。

1. 地图模块未导入（在这种情况下为高地图）。

2. 缺少

   中的builderType

   constructorType={'mapChart'}
   

这是一个演示：https://stackblitz.com/edit/react-ts-zs69rw?file=index.tsx

请注意，必须定义类型，并且数据数组也必须具有定义的类型。我认为由于缺少模块，您的情况已发生此问题。