Highchart 범례 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 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="" >'; 
        }