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標籤是0x0像素。工作示例：http://jsfiddle.net/1r3tfh5b/2/

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