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
    }
    ];

小提琴链接：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

小提琴链接：stacked bar chart with line chart。谁能帮助我做到这一点。

Answer 1

即使您的第一个示例似乎也不正确。将条形图堆积在不同的y轴上并没有什么意义。

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

Flot JS堆积条形图

1 个答案: