React HighCharts 不能使用标记簇

React HighCharts cannot use marker-clusters

我是 highcharts 的新手。如示例 here.

所示,我研究了使用 vanilla javascript 的标记簇实现

香草 javascript 实现按预期工作,但在 React 中移植解决方案不起作用。

我知道 highcharts 中的附加功能需要从特定模块导入,但我在 [=31= 中找不到相关模块 marker-clusters ]文件夹。

我有一个复制问题的演示 codesandbox here

基本上,highcharts 示例中的演示使用

<script src="https://code.highcharts.com/modules/marker-clusters.js"></script>

对于集群行为,但我无法在反应中做同样的事情。 任何帮助深表感谢。谢谢你。

自 v8.0.0 起,Highcharts 就可以使用标记簇功能。您使用的是 7.2.1 版本。

您需要升级 Highcharts,导入并初始化 marker-clusters 模块:

import markerClusters from "highcharts/modules/marker-clusters";
markerClusters(Highcharts);

现场演示: https://codesandbox.io/s/winter-bash-y44sh?file=/src/HighMapsWrapper.js

文档: https://www.highcharts.com/docs/advanced-chart-features/marker-clusters

变更日志: https://www.highcharts.com/blog/changelog/#highcharts-v8.0.0