Javascript 无法在highcharts图例中创建打断

我正试图把一个海图传奇，有不同的部分，标题和休息。不幸的是，highcharts legend格式化程序似乎只允许您包装单个项目，而不允许插入换行符或任何有意义的HTML。换句话说，不可能在小“颜色框”中移动。移动它们的唯一方法是在文本中插入空格等

下面的链接显示了一个（非常非常讨厌的）黑客，它试图实现我试图做的事情，但没有成功。你有没有更好的方法来实现一个传说，可以适当地分解成不同的部分，等等

真讨厌的黑客：

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

图例：{
labelFormatter:函数（）{
如果（this.x==0）返回'group1'+this.name；
否则，如果（this.x==1）返回this.name+“'nbsp            '；
如果（this.x==2）返回“第2组”+this.name；
否则，如果（this.x==5）返回this.name+“'nbsp            '；
如果（this.x==6）返回“第3组”+this.name；
否则返回此.name；
},
useHTML:true

---

提前感谢。

主要问题是，颜色编码的图例是在SVG中呈现的，而文本是使用绝对定位在HTML中呈现的。这将很难实现您想要的。您是否可以查看文档中的Highcharts，看看是否可以自定义图例一点？或者使用另一个图表呈现插件/sccript.这里需要指出的是，一旦你的图表变得如此复杂，那么什么应该是相当简单的事情……也许你正在以错误的方式显示你的数据。饼图在最好的情况下是非常有用的，对于如此多的数据点和如此复杂的图例结构来说是完全无用的。FWIW我只是在尝试插入图例中没有换行符和副标题…饼图只是一个示例。：）换行符没有任何帮助，因为图例是由绝对定位的元素构成的。将每个组绘制为一个单独的系列可能会有更好的机会。最好的解决方案是禁用图例并在html中创建自己的图例。简单示例：/