Question

关于使用Flot绘制数据，我有一个问题。

我希望将优先级绘制为系列，优先级发生的月份，以及该优先级的所有者。

我正在寻找所有者在相关月份中列出一系列优先级。

下面是小提琴，我有月份和优先级，但在添加所有者时我感到非常困惑。

非常感谢任何帮助。

    var graphP1 = [
    ["JAN", 5],
    ["FEB", 3],
    ["MAR", 22]
];
var graphP2 = [
    ["JAN", 3],
    ["FEB", 12],
    ["MAR", 9]
];
var graphP3 = [
    ["JAN", 7],
    ["FEB", 18],
    ["MAR", 7]
];
var graphP4 = [
    ["JAN", 9],
    ["FEB", 9],
    ["MAR", 3]
];
var data = [{
    label: "P1",
    data: graphP1,
    bars: {
        show: true,
        fill: true,
        lineWidth: 1,
        order: 1,
        fillColor: "#808080",
        barWidth: 0.5,
        align: "center"
    },
    color: "#808080"
}, {
    label: "P2",
    data: graphP2,
    bars: {
        show: true,
        fill: true,
        lineWidth: 1,
        order: 1,
        fillColor: "#f00",
        barWidth: 0.5,
        align: "center"
    },
    color: "#f00"
}, {
    label: "P3",
    data: graphP3,
    bars: {
        show: true,
        fill: true,
        lineWidth: 1,
        order: 1,
        fillColor: "#ffa500",
        barWidth: 0.5,
        align: "center"
    },
    color: "#ffa500"
}, {
    label: "P4",
    data: graphP4,
    bars: {
        show: true,
        fill: true,
        lineWidth: 1,
        order: 1,
        fillColor: "#e9e96c",
        barWidth: 0.5,
        align: "center"
    },
    color: "#e9e96c"
}];

$.plot($("#thegraph"), data, {
    yaxis: {
        tickFormatter: function (val, axis) {
            return (val);
        }
    },
    xaxis: {
        mode: "categories",
        tickLength: 0
    }
});

Fiddle

Answer 1

对于堆叠条，您需要添加堆栈插件并添加选项：

    series: {
        stack: true
    },

请参阅更新后的fiddle。

Flot - 绘图月，优先级和＆amp;所有者

1 个答案: