javascript - Flot堆积的条形图不堆积

我创建了一个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
        }
      });
   }

最佳答案

最可能的问题是在flot之后您没有包括stack插件。在您的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标记。

除此之外，我不确定会出现什么问题-我运行了您的选项，一切看起来都很好。 See it in action here。

关于javascript - Flot堆积的条形图不堆积，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/12262325/