angular - 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：“类型导入”类型上不存在属性“渲染器”（“ D:/source/QHSE/QHSE_Frontend/node_modules/highcharts/highcharts")'。

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

标签： angularhighchartsangular5

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