无法在highcharts图例中创建中断

Question

我正在尝试将具有不同部分，标题和符号的高级图例组合在一起。不幸的是，看起来highcharts图例格式化程序只允许您包装单个项目，而不是插入换行符或实际上任何有意义的HTML。换句话说，不可能在小“彩盒”周围移动。移动它们的唯一方法是在文本中插入空格等。

下面的链接显示了一个（非常非常讨厌的）黑客攻击，试图实现我想要做的事情失败。你有没有更好的方法来实现一个可以正确分解成不同部分的传奇等等？

http://jsfiddle.net/Guill84/6c3meof9/1/

非常讨厌的黑客：

legend: {
    labelFormatter: function () {           
        if (this.x == 0) return '<span class="subhead">Group 1</span>' + this.name;
        else if (this.x == 1) return this.name + '&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp' ;
        else if (this.x == 2) return '<b><span class="subhead">Group 2&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</span></b>' + this.name;
        else if (this.x == 5) return this.name + '&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp' ;
        else if (this.x == 6) return '<b><span class="subhead">Group 3&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</span></b>' + this.name;
        else return this.name;
    },
    useHTML: true

提前致谢。