将自定义图标设置为多个图表(Highcharts)的上下文菜单

将自定义图标设置为多个图表(Highcharts)的上下文菜单,highcharts,Highcharts,我想将自定义图像应用于多个图表的上下文菜单,这是我找到的将自定义图像应用于上下文菜单的代码。这是 此代码段根据唯一id更改符号,如何在唯一id未知的多个图表中应用相同的符号?您共享的示例将此符号定义为“下载”,它将此符号保存在Highcharts核心选项中,并使您可以随时使用它,甚至多次 演示: Highcharts.SVGRenderer.prototype.symbols.download = function(x, y, w, h) { var path = [ // Arro

我想将自定义图像应用于多个图表的上下文菜单,这是我找到的将自定义图像应用于上下文菜单的代码。这是


此代码段根据唯一id更改符号,如何在唯一id未知的多个图表中应用相同的符号?

您共享的示例将此符号定义为“下载”,它将此符号保存在Highcharts核心选项中,并使您可以随时使用它,甚至多次

演示:

Highcharts.SVGRenderer.prototype.symbols.download = function(x, y, w, h) {
  var path = [
    // Arrow stem
    '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,
    // Box
    'M', x, y + h * 0.9,
    'L', x, y + h,
    'L', x + w, y + h,
    'L', x + w, y + h * 0.9
  ];
  return path;
};


Highcharts.chart('container', {
exporting: {
    buttons: {
      contextButton: {
        symbol: 'download'
      }
    }
  }

});
Highcharts.SVGRenderer.prototype.symbols.download = function (x, y, w, h) {
    var path = [
        // Arrow stem
        '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,
        // Box
        'M', x, y + h * 0.9,
        'L', x, y + h,
        'L', x + w, y + h,
        'L', x + w, y + h * 0.9
    ];
    return path;
};