如何使用流程图创建分组和堆叠（两者）？

Question

我可以绘制分组流程图或堆栈流程图但不能将它们组合起来像这样：

能帮帮我吗，谢谢

Answer 1

要对堆叠条进行分组，您需要包含 orderBars and stacked 插件（按此顺序）。

然后您需要为每个系列添加 stack 和 bars.order 属性以允许排序和堆叠，如下所示：

var series = [{
    data: [[0, 35], [1, 70], [2, 33]],
    stack: 1,
    bars: {
        order: 1
    }
}, {
    data: [[0, 35], [1, 20], [2, 33]],
    stack: 1,
    bars: {
        order: 1
    }
}, {
    data: [[0, 30], [1, 10], [2, 34]],
    stack: 2,
    bars: {
        order: 2
    }
}, {
    data: [[0, 35], [1, 70], [2, 33]],
    stack: 2,
    bars: {
        order: 2
    }
}];

以上选项会将前两个系列对象堆叠在一起，将后两个系列对象堆叠在一起，前两个堆叠系列在后两个堆叠系列之前排序。可以在 this JSFiddle example.

找到堆叠条的示例

可以通过设置 xaxis.ticks 属性:

来用自定义值替换 x 轴值

var options = {
    series: {
        bars: {
            show: true,
            barWidth: .2
        }
    },
    xaxis: {
        tickSize: 1,
        ticks: [
            [0, "A"],
            [1, "B"],
            [2, "C"]
        ]
    }
};

如何使用流程图创建分组和堆叠（两者）？

How to create Grouped and Stack (both) using flow chart?

jquery

charts

flot