在分组的列highcharts中显示堆积的图例-RecatJs highcharts

问题描述

我有一个例子来自highcharts：这个问题与Highcharts: legend of stacked chart非常相似 但是我还没有找到我正在寻找的答案。 我正在寻找的是将堆栈图例分组，如下所示，以对其所属的每个名称图例进行分组。

就我而言，我想在图例中具有以下结构

Male:
 Joe
 JOhn
Female:
 Janet
 Jane

有可能吗？

我也尝试过：http://jsfiddle.net/7sgdbezh/ 但是，由于我会有多个图例，所以我不想用太多的冗余堆栈名称值来使图表混乱。

$(function () {
    $('#container').highcharts({

        chart: {
            type: 'column'
        },title: {
            text: 'Total fruit consumtion,grouped by gender'
        },xAxis: {
            categories: ['Apples','Oranges','Pears','Grapes','Bananas']
        },yAxis: {
            allowDecimals: false,min: 0,title: {
                text: 'Number of fruits'
            }
        },tooltip: {
            formatter: function() {
                return '<b>'+ this.x +'</b><br/>'+
                    this.series.name +': '+ this.y +'<br/>'+
                    'Total: '+ this.point.stackTotal;
            }
        },plotOptions: {
            column: {
                stacking: 'normal'
            }
        },series: [{
            name: 'John',data: [5,3,4,7,2],stack: 'male'
        },{
            name: 'Joe',data: [3,2,5],{
            name: 'Jane',data: [2,5,6,1],stack: 'female'
        },{
            name: 'Janet',3],stack: 'female'
        }]
    });
});

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）