2013-10-04 62 views
3

所以我遇到了Flot的问题。我拥有所有的数据,但唯一的问题是我的数据不能堆叠。我有堆栈:是的,但是我做错了什么?Jquery Flot类别堆叠条形图不堆积

这里是三个阵列在PHP输出

[[ “起重1”,4],[ “去2”,0],[ “集线器”,0]]

[ [“Lifting 1”,1],[“go 2”,106],[“Hub”,92]]

[[“Lifting 1”,50],[“go 2”,24] “中心”,46]

<script type="text/javascript"> 

$(function() { 

    var d1 = <?php echo json_encode($dataset_inb_dmg01); ?>; 
    var d2 = <?php echo json_encode($dataset_inb_dmg02); ?>; 
    var d3 = <?php echo json_encode($dataset_inb_dmg03); ?>; 

    function plotWithOptions() { 
     $.plot("#placeholder", [ d1, d2, d3 ], { 
      series: { 
       stack: true, 
       bars: { 
        show: true, 
        barWidth: 0.6, 
        align: "center" 
       } 
      }, 
      xaxis: { 
       mode: "categories", 
       tickLength: 0 
      } 
     }); 
    } 
    plotWithOptions(); 
}); 

</script> 
+0

似乎按照我的预期工作:http://jsfiddle.net/brianpeiris/uQjYe/ – brianpeiris

+0

你是否包括堆叠插件? – DNS

回答

5

确保装入堆栈插件后加载的类插头在。

+0

你是个天才!我在某些手册中错过了这个吗?我从来没有意识到订单就是搞乱它。 – sweaty

+1

组合Flot插件可能有点棘手,API对这些类型的冲突不健壮,我不认为我们可以记录所有各种可能的组合。但是,这似乎是应该修复的堆栈或类别插件中的一个错误。幸运的是,这很容易解决。 – brianpeiris