Highcharts渲染svg图标不显示

时间:2018-06-28 14:32:32

标签: javascript angular highcharts

我需要在图形的svg中添加一个符号,并且我使用

Highcharts.SVGRenderer.prototype.symbols.download = function (x, y, w, h) {
    var path = [
        "M19 5v14H5V5h14m1.1-2H3.9c-.5 0-.9.4-.9.9v16.2c0 .4.4.9.9.9h16.2c.4 0 .9-.5.9-.9V3.9c0-.5-.5-.9-.9-.9zM11 7h6v2h-6V7zm0 4h6v2h-6v-2zm0 4h6v2h-6zM7 7h2v2H7zm0 4h2v2H7zm0 4h2v2H7z"
      ];
    return path;
};

当图表在浏览器上呈现时,highchart返回错误的图标

我使用了一个图标https://fontawesome.com/icons/table?style=solid

1 个答案:

答案 0 :(得分:0)

我不确定您从哪里获得该svg路径,但是您链接到的那个路径是不同的,应该是

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


      var path = [
          "M464 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48zM224 416H64v-96h160v96zm0-160H64v-96h160v96zm224 160H288v-96h160v96zm0-160H288v-96h160v96z"
      ];
      return path;
  };