Javascript flot水平条的宽度为图表宽度的100%

Javascript flot水平条的宽度为图表宽度的100%,javascript,jquery,graph,plot,flot,Javascript,Jquery,Graph,Plot,Flot,有没有办法阻止单杠达到100%的宽度 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 <=

有没有办法阻止单杠达到100%的宽度

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 }
        }
    });
var d1=[];

对于(var i=0;i请查看xaxis的autoscaleMargin属性:

“自动缩放边距”有点深奥:它是缩放算法将添加的边距的一部分,以避免最外面的点结束在网格边界上。请注意,此边距仅在未明确设置最小值或最大值时应用。如果指定了边距,则绘图将进一步将轴端点延伸到最近的整个刻度。默认值为x轴的值为“null”,y轴的值为0.02,这似乎适用于大多数情况

在你的例子中:

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