Setzen Sie benutzerdefinierte Symbol auf HighCharts-Legende

Question

Ich möchte benutzerdefinierte Symbol zu Legendenelement festlegen. Momentan habe ich ein Rechteck. Ich brauche ein Rechteck mit Häkchen (wie bunte Checkbox). Laut Dokumentation kann ich einfach Elemente wie Text in der Nähe dieser Symbole anpassen.

Aber wenn ich alle Elemente auf der Handlung wie benutzerdefinierte Bild (Example) gemacht haben, dann wird das Legendensymbol geändert.

Kann ich ein Legendensymbol anpassen, ohne Punkte auf dem Diagramm anzupassen?

series:[ 
    { 
      name: 'Image symbol', 
      data: [216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5], 
      marker: { 
       symbol: 'url(https://www.highcharts.com/samples/graphics/sun.png)' 
      } 
     } 
] 

Answer 1

Sie können legend.labelFormatter zum Hinzufügen von Legendensymbolen verwenden. gilt für Ihre Legende und dann ein Bild zu Ihrem Legendenelement als Symbol hinzufügen: Sie können zum Beispiel useHTML verwenden

legend: { 
    useHTML: true, 
    symbolWidth: 0, 
    labelFormatter: function() { 
    var name = this.name; 
    var img = '<img src = "https://upload.wikimedia.org/wikipedia/commons/thumb/1/1c/Check_Box_Noun_project_10759.svg/2000px-Check_Box_Noun_project_10759.svg.png" width = "10px" height = "10px">'; 
    return img + ' ' + name; 
    } 
}, 

Hier können Sie ein Beispiel finden, wie es funktionieren kann: http://jsfiddle.net/ryd061r0/

können Sie Ziehen Sie auch die drawLegendSymbol-Methode ein, wie Barbara Laird vorgeschlagen hat.