Установить пользовательский символ в легенду HighCharts

Question

Я хочу установить пользовательский символ в элемент легенды. В настоящее время у меня есть прямоугольник. Мне нужен прямоугольник с галочкой (например, яркий флажок). Согласно документации, я могу просто настроить такие элементы, как текст рядом с этими символами.

Но в случае, если я сделал все элементы на сюжете, как пользовательское изображение (Example), символ легенды будет изменен.

Могу ли я настроить символ условности без настройки точек на графике?

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

Вы можете использовать legend.labelFormatter для добавления символов условных обозначений. Например, вы можете использовать useHTML: истинный для вашей легенды, а затем добавить изображение к вашему пункту легенды как символ:

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; 
    } 
}, 

Здесь вы можете найти пример того, как это может работать: http://jsfiddle.net/ryd061r0/

Вы можете также оберните метод drawLegendSymbol, как предложила Барбара Лэрд.