StackedAndGroupedColumn两个堆栈的系列值

时间:2013-06-19 09:57:13

标签: highcharts

Hello在堆叠的分组柱形图中如何为两个堆栈创建一个系列的值? 我想要实现的是按客户分组堆栈,这很简单。 但在我的情况下,我对两个堆栈都有不同商品的价值。 我创建了以下jsfiddle示例,它解释了问题的一点点。 link to code

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

        chart: {
            type: 'column'
        },

        title: {
            text: 'Stacked Grouped'
        },

        xAxis: {
            categories: ['Customer1', 'Customer2']
        },

        yAxis: {
            allowDecimals: false,
            min: 0,
            title: {
                text: 'Count'
            }
        },

        tooltip: {
            formatter: function() {
                return '<b>'+ this.x +'</b><br/>'+
                    this.series.name +': '+ this.y +'<br/>'+
                    'Total: '+ this.point.stackTotal;
            }
        },

        plotOptions: {
            column: {
                stacking: 'normal'
            },

       bar: {
          dataLabels: {
              enabled: true
          }
       }

        },

        series: [{
            name: 'Iron Ore',
            data: [5, 3],
            stack: 'today',
       }, {
            name: 'Manetite',
            data: [3, 4],
            stack: 'yesterday'
        },
                {
            name: 'Iron Ore',
            data: [5, 3],
            stack: 'today'
        }, {
            name: 'Manetite',
            data: [3, 4],
            stack: 'yesterday'
        }]
    });
});

正如你所看到的那样,商品以这种方式加倍,但我希望它们都在两个堆栈上。

非常感谢任何帮助。 谢谢!

1 个答案:

答案 0 :(得分:0)

您可以使用x / y参数

{
            x: 0, //number of group
            y: 3
}

http://jsfiddle.net/9Y64w/2/