flot js堆积条形图

Question

我正在尝试放置堆叠条形图，如果只有条形图就可以正常工作。

var dataset = [{
        label: "orders",
        data: [[0,215],[1,13],[2,23],[3,48],[4,68],[5,22],[6,1],[7,3],[8,13],[9,40],[10,1]],
        color: "#1ab394",
        yaxis: 2,
        bars: {
            show: true,
            align: "center",
            barWidth: 0.8,
            lineWidth: 0
        },
        stack: true
      },
        {
        label: 'baz', 
        data: [[1,100], [2,200], [3,300], [4,400], [5,500]],
        bars: {
            show: true,
            align: "center",
            barWidth: 0.8,
            lineWidth: 0
        },
        stack: true
    }
    ];

Fiddle link : stacked bar chart...

如果我用它添加折线图，堆叠会失败

      {
        label: "Test",
        data: [[0,2430.91],[1,252.12],[2,659.24],[3,2545.83],[4,4996.56],[5,463.00],[6,0.01],[7,45.68],[8,1359.73],[9,217.53],[10,43.73]],
        color: "#0EBFE9",
        lines: {
            show: true,
            fill: false
        },
        stack: null

Fiddle link : stacked bar chart with line chart。谁能帮我做一下。

Answer 1

即使你的第一个例子似乎也不正确。在不同的 y 轴上堆叠条形图真的没有意义。

将两个条形图放在同一个 y 轴上（使用 yaxis: 2）并且一切正常（参见更新后的 fiddle）。

flot js堆积条形图

flot js stacked bar chart

jquery

flot