在Highcharts JavaScript饼图中的图例中创建系列/组标题

我有一组数据，我用HighCharts表示为饼图

我试图将图例中的标签分成两个不同的组，并给它们标题。仅出于图例显示目的，图表本身不做任何更改

我尝试使用

labelFormatter

插入组标题，但没有成功。我还尝试了

linkedTo

属性，它似乎并没有达到我想要的效果

我有一个在图表加载时运行的函数，在该函数中，我可以操纵图例项的位置，以在两个组之间创建分隔。但我无法添加标题

以前有没有人用HighCharts解决过这个问题

这里有一把小提琴展示了我所取得的成就（两组分开，但没有标题）：

以下是我编写的函数，用于在图表加载时手动操作图例：

load: function(){
    var $hc_start = -1;
    $(".highcharts-legend-item").each( function(){
        var t = $(this).find("tspan").text().split( ':' );
        switch ( t[0] ){
            case 'Group 2 Title 1':
            case 'Group 2 Title 2':
                var t = $(this).attr( 'transform' ).split( ',' );
                t[1] = parseInt( t[1].replace( ')', '' ) );
                t[1] = sum(t[1])(15);
                $(this).attr( 'transform', t[0] + ',' + t[1]  + ')' );

                $hc_start = 1;
                break;
            default:
        }
    });
}

---

请让我知道我可以提供给你什么进一步的信息：）谢谢

您可以将useHTML设置为true，然后添加元素或将LabelFormat与css样式一起使用。非常简单的代码

labelFormatter:function（）{
如果（this.x==0）返回'Title Group 1'+this.name；
如果（this.x==2）返回'Title Group 2'+this.name+''；
否则返回此.name；
},

漂亮！在我的研究中，我没有看到

使用HTML

。

labelFormatter: function () {

            if (this.x == 0) return '<h2>Title Group 1</h2>' + this.name;
            else if (this.x == 2) return '<div class="second"><h2>Title Group 2</h2>' + this.name + '</div>';
            else return this.name;

        },