钻取在 reactjs 的饼图中不起作用

Question

我正在尝试将向下钻取选项添加到我的饼图中，但向下钻取没有触发。

这是我的 codesandbox.io

https://codesandbox.io/s/highcharts-react-demo-43bgg

Answer 1

您需要导入并初始化drilldown模块：

import drilldown from "highcharts/modules/drilldown";

// init the module
drilldown(Highcharts);

文档： https://github.com/highcharts/highcharts-react#how-to-add-a-module

Answer 2

您需要导入 drilldown 模块并为每个实体添加 drilldown 数据。

请检查更新的代码沙箱：

https://codesandbox.io/s/highcharts-react-demo-tq52i

要导入 drilldown 模块：

import drilldow from "highcharts/modules/drilldown";

drilldow(Highcharts);

要添加向下钻取数据：

drilldown: {
    series: [
      {
        id: "DataA",
        data: [["v65.0", 0.1], ["v64.0", 1.3]]
      },

      {
        id: "DataB",
        data: [["v11.0", 6.2], ["v10.0", 0.29]]
      }
    ]

对于每个系列，数据还添加 drilldown id。

API参考：https://api.highcharts.com/highcharts/drilldown

钻取在 reactjs 的饼图中不起作用

drilldown not working in piecharts in reactjs

highcharts

react-highcharts