Highchart Legend labelFormatter не работает должным образом

Question

Я хочу отобразить логотип бренда в легенде (линейная диаграмма).

legend: { 
     enabled: true, 
     useHTML: true, 
     labelFormatter: function() { 
       console.log(this.userOptions.image) 
       return '<img src="' + this.userOptions.image + '" alt="" >'; 
     } 
}, 

этот код работает нормально, но первые легенды время перекрываться

Пожалуйста, проверьте этот пример:

Example

Answer 1

Проблема заключается в том, что вы не указали ширина/высота для этого изображения. Таким образом, при рендеринге img tag равен 0x0 px. Рабочий пример: http://jsfiddle.net/1r3tfh5b/2/

    labelFormatter: function() { 
         console.log(this.userOptions.image) 
         return '<img style="width: 30px; height: 30px;" src="' + this.userOptions.image + '" alt="" >'; 
        }