Highcharts 自定义符号

Question

我正在尝试在 Angular 5 项目中添加自定义符号。

这是我的代码：

import * as Highcharts from "highcharts";

Highcharts.Renderer.prototype.symbols.line, function(x, y, width, height) {
    return ['M',x ,y + width / 2,'L',x`enter code here`+height,y + width / 2];
}

我收到以下错误：

src/app/dashboard/apc-hse-monthly-chart/apc-hse-monthly-chart.component.ts(29,16) 中的错误：错误 TS2339：“typeof”类型上不存在属性“渲染器” import("D:/source/QHSE/QHSE_Frontend/node_modules/highcharts/highcharts")'.

在 Angular 5 中执行此操作的正确方法是什么？

Answer 1

Highcharts.SVGRenderer.prototype.symbols.line = function(x, y, width, height) {
 return ['M',x ,y + width / 2,'L',x+height,y + width / 2];
};

用 SVGRenderer 替换渲染