Highchart:堆叠分组列

use*_*212 1 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"
        }
Run Code Online (Sandbox Code Playgroud)

Highchart 将它们分成两个不同的组,名称相同,颜色不同。我想将位于不同堆栈但名称相同的列放在同一组中。我能怎么做?

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

编辑:这是我的真实案例 例子

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

Paw*_*Fus 5

要获得相同的颜色,您需要直接在系列选项中设置它们。然后只进入图例第 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"
    }]
Run Code Online (Sandbox Code Playgroud)