Highcharts Typ Flaggen mit benutzerdefinierten Legende Symbol

Question

Ich versuche, etwas wie das

ich eine Fahne haben zu machen und es ist Legende gleichen Text. Aber es scheint, benutzerdefinierte Legende funktioniert nicht mit Flags. Ist es richtig?

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)' 
    } 

Answer 1

Es ist möglich, die Standardfunktion außer Kraft zu setzen, die Legendenelemente wie das schafft:

// 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) 

Später in Optionen des Diagramms stellen Sie die Legende Bild in flags Serie mit benutzerdefinierten Einstellungen wie:

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

Demo: http://jsfiddle.net/mw2fn5td/