Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/463.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Highchart:堆叠分组列_Javascript_Charts_Highcharts - Fatal编程技术网

Javascript Highchart:堆叠分组列

Javascript Highchart:堆叠分组列,javascript,charts,highcharts,Javascript,Charts,Highcharts,我试过这个: 在本例中,我有两个组,其中包含两种类型的信息:“移动”和“删除” Highchart将它们分为两个不同的组,具有相同的名称和不同的颜色。我想将位于不同堆栈上但具有相同名称的列放在同一组中。我该怎么做 本例中我想要的输出由两个系列“group1”和“group2”组成 编辑: 这是我的真实情况 在图例中,组是双色的,例如批量生产(移动)是紫色,批量生产(删除)是浅蓝色。我只需要一个“批量生产”,两个“批量生产”都有一种颜色(移动,删除)要获得相同的颜色,您需要直接在“系列选项”中设

我试过这个: 在本例中,我有两个组,其中包含两种类型的信息:“移动”和“删除”

Highchart将它们分为两个不同的组,具有相同的名称和不同的颜色。我想将位于不同堆栈上但具有相同名称的列放在同一组中。我该怎么做

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

编辑: 这是我的真实情况


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

要获得相同的颜色,您需要直接在“系列选项”中设置它们。然后,要进入“仅图例”组1和组2,请将ID添加到该系列,并链接同一组中的下一个系列。示例:


若要获得相同的颜色,您需要直接在“系列选项”中设置它们。然后,若要仅进入“图例”组1和组2,请将ID添加到该系列,并链接同一组中的下一个系列。示例:


您的预期输出是什么?您有4个系列。第1组-移动和删除。第2组-移动和删除。因此,您将在输出中获得4个系列。因此,您希望有2个系列,但分为两个堆栈?您有任何模型吗?我添加了更多信息以更好地解释。您的预期输出是什么?您有4个系列。第1组-移动和删除。第2组-移动和删除。所以,您将在输出中获得4个系列。所以您希望有2个系列,但在两个堆栈中?您有任何模型吗?我添加了更多信息以更好地解释。
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"
        }
    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"
    }]