带有自定义图例图标的Highcharts类型标志

我试着做那样的东西

我有一面旗帜，它的文字是一样的。但定制传奇似乎不适用于旗帜。对吗

  type: 'flags',
    onSeries: 'resources',
    name: change.get('name'),
    colorByPoint: false,
    shape : 'circlepin',
    width : 16,
    color: '#939598',
    fillColor: '#fff',
    style: {
     color: '#262626'
    },
    data: dataArray,
    marker: {
      symbol: 'url(https://www.highcharts.com/samples/graphics/sun.png)'
    }

---

可以覆盖创建图例项的默认函数，如下所示：

// legend wrapper
(function (H) {
    H.seriesTypes.flags.prototype.drawLegendSymbol = function (legend, series) {
            var size = legend.itemHeight || 18,
            url = series.userOptions.legendImage || 'https://www.highcharts.com/samples/graphics/snow.png';

        series.legendSymbol = this.chart.renderer.image(
            url,
            0,
            0,
            size,
            size
        ).add(series.legendGroup);
    };
})(Highcharts)

稍后在图表的选项中，使用

flags

系列中的自定义设置设置图例图像，如：

legendImage: 'https://www.highcharts.com/samples/graphics/sun.png',

演示：