如何添加 3d 高图 - 在角度 8 中计数我们的插件.尝试了多种方法，但仍然出现错误

Question

我想在我们的角度项目中包含特定于高图表的轮廓插件。由于没有为此找到 npm 库。我尝试将其作为包装器，但仍然收到错误，因为找不到模块。有人可以帮我吗

Answer 1

在这里你可以找到一个如何添加和加载自定义插件/包装器的例子：https://stackblitz.com/edit/highcharts-angular-custom-plugin。

// customPlugin.ts
export default function(Highcharts) {
const H = Highcharts;
H.wrap(H.Chart.prototype, "showNoData", function(p, str) {
...
});
}

// xxx.component.ts
import customPlugin from "./customPlugin";
customPlugin(Highcharts)

高图表-角度文档：https://github.com/highcharts/highcharts-angular#to-load-a-plugin。

如果上述解决方案都不适合您，请在在线编辑器中重现问题，以便我可以检查哪些不起作用以及可以做什么。另外，您是否使用官方的 highcharts-angular 包装器？

Answer 2

我尝试注入包含轮廓代码的插件"customPlugin.ts"： https://github.com/paulo-raca/highcharts-contour/blob/master/highcharts-contour.js

import * as Highcharts from 'highcharts/highcharts';
import highcharts3D from 'highcharts/highcharts-3d';
import Heatmap from 'highcharts/module/heatmap';
import customPlugin from "./customPlugin";
highcharts3D(Highcharts);
customPlugin(Highcharts);

但是出现运行时错误： " 请求的系列类型不存在。将 chart.type 或 series.type 设置为未在 HighCharts 中定义的系列时，会发生此错误。 典型原因可能是不包括定义系列类型的模块或扩展。 例如，为了创建一个区域范围系列，必须加载 highcharts-more.js 文件。

我看到"热图"系列类型在轮廓插件中是预期的，所以尝试了以下代码：

highcharts3D(Highcharts);
Heatmap(Highcharts);
customPlugin(Highcharts);

仍然得到相同的错误.如果您有任何建议，请提供。