导入Highcharts模块SvgRenderer失败

时间:2018-06-29 17:32:56

标签: javascript angular typescript highcharts

我使用带有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'.

1 个答案:

答案 0 :(得分:0)

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

否则,您可以

import {Renderer} from 'highcharts'

Renderer.prototype.symbols.custom = ...