React HighCharts不能使用标记群。

问题描述 投票:0回答:1

我是高图的新手。我研究了一下使用vanilla javascript实现的标记簇,如例子所示。此处.

vanilla javascript的实现可以按照预期工作,但是在react中移植解决方案却无法工作。

我知道在highcharts中的附加功能需要从特定的模块中导入,但我找不到相关的模块。标记簇 在我 node_modules 文件夹。

我有一个demo codesandbox复制这个问题。此处

基本上,highcharts示例中的demo使用的是

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

的集群行为,但我不能做同样的反应.任何帮助是非常感激。谢谢你的帮助。

highcharts react-highcharts
1个回答
1
投票

自8.0.0版本以来,标记簇功能在Highcharts中是可用的。

你需要升级你的Highcharts,导入并初始化你的Highcharts。marker-clusters 模块。

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

实时演示。 https:/codesandbox.ioswinter-bash-y44sh?file=srcHighMapsWrapper.js。

文档。 https:/www.highcharts.comdocsadvanced-chart-featuresmarker-clusters

更改日志。 https:/www.highcharts.comblogchangelog#highcharts-v8.0.0

© www.soinside.com 2019 - 2024. All rights reserved.