在React js中无法使用Highcharts库获取瀑布图

Question

我需要使用 Highcharts 在我的 React js Web 应用程序中构建瀑布图，我已经安装了 highcharts 和“highcharts-react-official”，但在执行以下导入时：

import HighchartsWaterfall from 'highcharts/modules/waterfall';

我收到错误

找不到模块：无法解析“highcharts/modules/waterfall”。

当我检查 highcharts/modules 下的 node_modules 文件夹时，我没有看到任何与瀑布相关的库。我尝试安装最新的 highcharts 版本仍然没有成功。

如何解决 React JS 应用程序的此问题？

我希望在安装 highcharts 库后，在 highcharts/modules 文件夹下会出现瀑布相关的文件/库。

Answer 1

遗憾的是瀑布模块不存在。解决这个问题，只需要导入highcharts-more即可。

import React from "react";
import { render } from "react-dom";
import Highcharts from "highcharts";
import HighchartsReact from "highcharts-react-official";

import HC_More from "highcharts/highcharts-more";

HC_More(Highcharts);

演示：https://codesandbox.io/p/sandbox/highcharts-react-simple-chart-forked-xwslcy