导入Highcharts模块SvgRenderer失败

Question

我使用带有Type脚本的Angular4并且需要在组件中导入highchart模块，因为需要在符号SvgRenderer中添加一个自定义图标，如下所示：

Highcharts.SVGRenderer.prototype.symbols.custom = function (x, y, w, h) {


      var path = [

          'M', x + w * 0.5, y,
          'L', x + w * 0.5, y + h * 0.7,
          // Arrow head
          'M', x + w * 0.3, y + h * 0.5,
          'L', x + w * 0.5, y + h * 0.7,
          'L', x + w * 0.7, y + h * 0.5,

      ];
      return path;
  };

我尝试着

import Highcharts from 'highcharts';

我得到：

  /node_modules/@types/highcharts/index"' has no default export.

我尝试着

import * as Highcharts from 'highcharts';

我得到了一个

 Property 'SVGRenderer' does not exist on type 'Static'.

Answer 1

试试这个(Highcharts as any).SVGRenderer不干净，但你这是一个解决方法

否则你可以

import {Renderer} from 'highcharts'

Renderer.prototype.symbols.custom = ...