Flot堆積條形圖不堆疊

Question

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

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

Answer 1

最可能的問題是你沒有在flot之后包含堆棧插件。 在你的head標簽中，你應該有這樣的東西：

<!--[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標記。

除此之外，我不確定問題是什么 - 我運行你的選擇，一切都很好。 在這里看到它 。

Answer 2

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

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

當存在需要堆疊的負值時，我也會遇到與您相同的情況。 本機堆棧插件不支持此功能。 您可以在此處查看用於在條形圖中堆疊負值的替代插件