微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

刷新其抛出错误后,Highchart React 未呈现热图

如何解决刷新其抛出错误后,Highchart React 未呈现热图

高图表的导入声明:

// Import Highcharts
   import Highcharts from 'highcharts';
   import HighchartsReact from "highcharts-react-official";
   import HighchartsHeatmap from 'highcharts/modules/heatmap';
// Load Highmaps as a module
    HighchartsHeatmap(Highcharts);

在渲染中我使用了下面的组件

 <HighchartsReact highcharts={Highcharts} options={chartOptions} />

在初始渲染时,我得到输出,在我手动刷新后,我面临以下错误

enter image description here

解决方法

您可以在此处找到工作演示: https://codesandbox.io/s/highcharts-react-demo-forked-6evf4

import React from "react";
import { render } from "react-dom";
// Import Highcharts
import Highcharts from "highcharts";
import HighchartsHeatmap from "highcharts/modules/heatmap";
import HighchartsReact from "highcharts-react-official";

HighchartsHeatmap(Highcharts);

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。