Javascript flot水平条的宽度为图表宽度的100%
有没有办法阻止单杠达到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 <=
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 }
}
});