Flot堆疊條形圖不堆積

我已經創建了一個Flot堆積條形圖，但塊似乎並不堆疊 - 它們都從0開始（在圖表的底部）。Flot堆疊條形圖不堆積

Flot chart

的4個塊的值是：

明亮的綠色 - 1
紫色 - 28
紅色 - 83
淺綠色 - 195

如果它正確堆疊它應該在307的高度。對有什麼問題有任何想法？

drawLineChart: function(el,data,ticks,labelstr) { 
     var plot = $.plot(el, data, { 
     series: {stack: true, 
      lines: {show: false, steps: false}, 
      bars: {show: true, barWidth: 0.4, align: 'center'} 
     }, 
     xaxis: { 
      ticks: ticks 
     }, 
     yaxis: { 
      min: 0, 
     }, 
     grid: { 
      color: '#aaa', 
      borderWidth:0, 
      axisMargin:0, 
      hoverable: true, 
      autoHighlight: false 
     }, 
     legend: { 
      show: true, 
      position: "ne", 
      noColumns: 1 
     } 
     }); 
    }

來源

2012-09-04 RichW

最有可能的問題是你沒有在flot之後包含堆棧插件。在你的頭標記，你應該有這樣的事情：

<!--[if lte IE 8]><script language="javascript" type="text/javascript" src="../excanvas.min.js"></script><![endif]--> 
<script language="javascript" type="text/javascript" src="../jquery.js"></script> 
<script language="javascript" type="text/javascript" src="../jquery.flot.js"></script> 
<script language="javascript" type="text/javascript" src="../jquery.flot.stack.js"></script>

在這種情況下是，去年script標籤的關鍵。

除此之外，我不知道會出現什麼問題 - 我跑了你的選擇，一切都很好。 See it in action here。

來源

2012-09-04 15:53:22 Ryley

Definetely包含了stack.js文件..我檢查了它是通過Firebug加載的，它報告了HTTP 200.我在這上面浪費了幾個小時。。可能只是切換到谷歌圖表！ – RichW

@RichW - 必須做其他事情，因爲顯然你的代碼有效！我想其他的可能性是，你的數據對象有些奇怪 - 也許你可以編輯一些示例數據對象到你的問題中？ – Ryley

我遇到了與Flot相同的問題，並嘗試顯示堆積的條形圖。我發現在我的情況下，它是由不按日期升序排序的系列引起的。

按日期升序排序後，系列開始正確堆疊。

我也遇到了與您相同的情況，當有負值需要堆疊。本地堆棧插件不支持此功能。你可以在這裏尋找替代的插件來堆疊負值bar chart

來源

2014-02-08 00:01:47

不錯的插件。也適用於其他flot插件。 – ChiMo

Flot堆疊條形圖不堆積

回答

相關問題