Highchart:堆叠分组列

时间:2014-05-06 18:59:52

标签: javascript charts highcharts

我试过这个: http://jsfiddle.net/3kpTK/1/ 在这个例子中,我有两组包含两种类型的信息:“移动”和“删除。

series: [{
            name: "group1",
            data: [50,20,30,50],
            stack: "move"
        }, {
            name: "group1",
            data: [10,23,0,52],
            stack:"delete"
        },{
            name: "group2",
            data: [50,20,30,50],
            stack: "move"
        }, {
            name: "group2",
            data: [10,23,0,52],
            stack:"delete"
        }

Highchart将它们分成两个具有相同名称和不同颜色的不同组。我想放入相同的组,列在不同的堆栈上但具有相同的名称。我该怎么办?

本例中我想要的输出由两个系列“group1”和“group2”组成。

编辑: 这是我的真实情况 example

在图例中,组是双倍的,例如批量生产(移动)是紫色,批量生产(删除)是浅蓝色。我只想要一个“批量生产”,一种颜色(移动,删除)

1 个答案:

答案 0 :(得分:4)

要获得相同的颜色,您需要直接在系列选项中设置它们。然后,为了获得图例,只有第1组和第2组在系列中添加ID,并在同一组中链接下一个系列。示例:http://jsfiddle.net/3kpTK/2/

    series: [{
        id: 'g1',
        color: 'blue',
        name: "group1",
        data: [50,20,30,50],
        stack: "move"
    }, {
        linkedTo: 'g1',
        color: 'blue',
        name: "group1",
        data: [10,23,0,52],
        stack:"delete"
    },{
        id: 'g2',
        color: 'green',
        name: "group2",
        data: [50,20,30,50],
        stack: "move"
    }, {
        linkedTo: 'g2',
        color: 'green',
        name: "group2",
        data: [10,23,0,52],
        stack:"delete"
    }]