HighCharts自定义Map在react上不起作用

qfe3c7zg 于 2022-11-10 发布在 Highcharts

关注(0)|答案(1)|浏览(156)

我正在React JS上构建一个Web应用程序，并尝试构建一个自定义的建筑物楼层Map。我按照https://www.highcharts.com/docs/maps/create-custom-maps上的文章，使用HTML CSS和JavaScript创建了一个应用程序，jsfiddle.net/hop9cqxj/92/，但我希望它在ReactJS中。每当我将Map选项粘贴到React JS变量中时，我会收到以下错误：
错误Highcharts错误#17：www.highcharts.com/errors/17/?missingModuleFor=map
演示工作的链接在这里：https://codesandbox.io/s/inspiring-sunset-o3pf92

缺少模块：Map

highcharts

来源：https://stackoverflow.com/questions/72265030/highcharts-custom-maps-not-working-on-react

1条答案

按热度按时间

4smxwvx51#

你需要使用Highmaps源代码和mapChart图表构造函数类型。

import Highcharts from "highcharts/highmaps";
import HighchartsReact from "highcharts-react-official";
import React from "react";

const option2 = {...};

export default function DeltaSecond() {
  return (
    <>
      <HighchartsReact
        highcharts={Highcharts}
        options={option2}
        constructorType="mapChart"
      ></HighchartsReact>
    </>
  );
}

另外，我注意到Highcharts在最新的React中的StrictMode中不起作用，所以你可以报告highcharts-react github上的一个潜在bug：https://github.com/highcharts/highcharts-react

现场演示：https://codesandbox.io/s/nifty-satoshi-xxt-xxtkp9?file=/src/components/buildings/Delta/delta2nd.js
**文档：**www.npmjs.com/package/highcharts-react-official#options-details

赞(0）回复(0）举报 2022-11-10

我来回答

HighCharts自定义Map在react上不起作用

1条答案

相关问题

热门标签

最新问答