尝试在Vue.js中显示图表高图时，如何解决错误＃17“所请求的序列类型不存在”错误？

如何解决尝试在Vue.js中显示图表高图时，如何解决错误＃17“所请求的序列类型不存在”错误？

我正在尝试使用其站点中的basic example显示带有高图的议会（项目）图表。

其中的第一个配置项显示：

chart: {
      type: 'item'
},

所以我在Vue.js项目中使用了它。

但是，在部署后，控制台中出现错误，提示您到https://www.highcharts.com/errors/17/?missingModuleFor=item。那里，错误消息说明：

所请求的系列类型不存在

将chart.type或series.type设置为Highcharts中未定义的系列类型时，会发生此错误。一个典型的原因可能是不包括定义系列类型的模块或扩展。

例如，为了创建arearange系列，必须加载highcharts-more.js文件。

为此，我假设我没有导入图表。但是，如何找到要导入的那个？

解决方法

好的，所以它在API参考中：

series.item

一个item系列。如果未指定type选项，则该选项将从chart.type继承。

（...）

需要

• modules/item-series

模块item-series的提示可帮助我们发现Vue.js的问题：它需要import item from 'highcharts/modules/item-series';然后进行注册：

import HighchartsVue from 'highcharts-vue';
import highchartsMore from 'highcharts/highcharts-more';
import item from 'highcharts/modules/item-series';

import Vue from "vue";


Vue.use(HighchartsVue);
item(Highcharts);

相同的解决方案（及其相应的模块）也适用于其他图形，您可以在https://code.highcharts.com/中找到所有模块的列表。