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