flot水平条走100％的图表宽度

Question

有没有办法阻止水平条走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 }
        }
    });

演示jsfiddle here

Answer 1

查看xaxis的autoscaleMargin属性：

＆＃34; autoscaleMargin＆＃34;有点深奥：它是缩放算法将添加的边距的一部分，以避免最外面的点最终在网格边界上。请注意，此边距仅在未明确设置最小值或最大值时应用。如果指定了边距，则绘图还将轴终点延伸到最接近的整个刻度。默认值为＆＃34; null＆＃34;对于x轴，对于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 }
        }
    });