簡體   English   中英

Flot JS堆積條形圖

[英]flot js stacked bar chart

我正在嘗試放置堆積的條形圖,如果只有條形圖,它會很好地工作。

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

小提琴鏈接: 堆積條形圖 ...

如果添加折線圖,則堆疊失敗

      {
        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

小提琴鏈接: 帶折線圖的堆疊條形圖 誰能幫我做到這一點。

即使您的第一個示例似乎也不正確。 將條形圖堆疊在不同的y軸上實際上沒有任何意義。

將兩個條形圖放在相同的y軸上( yaxis: 2 ),並且一切正常(請參見更新的小提琴 )。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM