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];
}

我收到以下错误：

ERROR in src/app/dashboard/apc-hse-monthly-chart/apc-hse-monthly-chart.component.ts(29,16): error TS2339: Property 'Renderer' does not exist on type '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 替换 Render

Highcharts 自定义符号

Highcharts custom symbol

highcharts

angular

angular5