Question

我是新的反应库和es6，我试图构建一个显示数据的图表。我开始创建react应用程序模板，然后我决定使用高图并开始使用他们的xrange图。我正在使用https://github.com/kirjs/react-highcharts库。

我的代码如下：

  data.addColumn('number', 'Latitude');
  data.addColumn('number', 'Longitude');
  data.addColumn('string', 'Tooltip_Data');
  data.addColumn('string', 'Marker');

我的最终设计是导入默认模板并注入标题和数据等组件属性，以使其更灵活。

我得到2个错误（我只是从highcharts网站复制xrange图表）：

错误：Highcharts错误＃17：www.highcharts.com/errors/17
TypeError：无法读取未定义的属性'destroy'

Answer 1

关注状态

的错误链接https://www.highcharts.com/errors/17

将chart.type或series.type设置为未在Highcharts中定义的系列类型时会发生此错误。一个典型的原因可能是你缺少定义系列类型的扩展文件，例如为了运行你需要加载highcharts-more.js文件的区域范围系列。

导入highcharts more js

import ReactHighcharts from 'react-highcharts';
import xrange from 'highcharts/modules/xrange';
(xrange)(ReactHighcharts.Highcharts)

Stackblitz demo

使用es6的react-highcarts会出现一些错误

1 个答案: