Jquery 如何在Flot中水平显示堆叠条形图？_Jquery_Flot_Bar Chart

Jquery 如何在Flot中水平显示堆叠条形图？

jquery

Jquery 如何在Flot中水平显示堆叠条形图？,jquery,flot,bar-chart,Jquery,Flot,Bar Chart,我看到了如何在flot中显示带有水平条或垂直条的条形图，它们可以垂直“堆叠”，但我找不到如何显示水平和堆叠的条形图的示例我该怎么做这是我从下面的海报网站上复制的代码，但这些条仍然无法堆叠 <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> &

我看到了如何在flot中显示带有水平条或垂直条的条形图，它们可以垂直“堆叠”，但我找不到如何显示水平和堆叠的条形图的示例

我该怎么做

这是我从下面的海报网站上复制的代码，但这些条仍然无法堆叠

<html>
<head>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  <script type="text/javascript" src="flot/jquery.flot.js"></script>
  <script type="text/javascript" src="flot/jquery.flot.stack.js"></script>
  <script type="text/javascript">

$(function () {


var d1 = [];
for (var i = 0; i <= 10; i += 1)
    d1.push([parseInt(Math.random() * 30),i]);


var d2 = [];
for (var i = 0; i <= 10; i += 1)
    d2.push([parseInt(Math.random() * 30),i]);

var d3 = [];
for (var i = 0; i <= 10; i += 1)
    d3.push([parseInt(Math.random() * 30),i]);

$.plot($("#placeholder"), [ d1, d2, d3 ], { series: {
            stack: true,
            lines: { show:false },
            bars: { show: true, barWidth: 0.6, horizontal:true } }  });

});

</script>

<title>Test</title>
</head>

<body>

<div id="placeholder" style="width:600px;height:300px;"></div>
</body>
</html>


$（函数（）{
var d1=[]；
对于（var i=0；i只需同时指定stack:true
，在您的条形图定义中horizontal:true
，这应该是
    $.plot($("#placeholder"), data, {
        series: {
            stack: true,
            lines: { show:false },
            bars: { show: true, barWidth: 0.6, horizontal:true }
        }
    });

看到它在这里工作：
Ryley非常感谢，我已经尝试复制了你的代码，但仍然没有得到堆叠条。上面粘贴了代码。你可能必须从他们的代码库中获得最新版本的flot，你会在JSFIDLE中注意到我正在使用来自这里的文件：啊，你说得对。我升级到flot 0.7，现在他们使用的是stac谢谢！