时间戳

首页 > 解决方案 > 未捕获的错误：使用 react 创建旭日形图时出现 Highcharts 错误 #17

javascript - 未捕获的错误：使用 react 创建旭日形图时出现 Highcharts 错误 #17

问题描述

在此处输入图像描述 我在图表中使用的“数据”的文档链接

我正在使用ReactHighcharts组件来渲染图表所有其他图表，如折线、条形、区域、柱形，所有图表都工作正常，但是当我尝试使用旭日形图表时，我遇到了这个错误。

我无法确定此错误的原因。请让我知道我在做什么错。

   const sunburstconfig = {
        title: {
            text: 'World population 2017'
        },
        credits: {
          enabled: false
        },

        series: [{
            type: "sunburst",
            data: data,
            allowDrillToNode: true,
            cursor: 'pointer',
            }]

    };

    <ReactHighcharts config={sunburstconfig}></ReactHighcharts>

标签： javascriptreactjshighchartssunburst-diagramreact-highcharts

解决方案

您需要在您的反应应用程序中导入 sunburst 模块：

import Highcharts from 'highcharts/highstock.src.js';
import sunburst from 'highcharts/modules/sunburst.js';
sunburst(Highcharts);

文档：https ://www.highcharts.com/blog/frameworks/react/192-use-highcharts-to-create-charts-in-react/

推荐阅读