jquery flot条形图条宽

Question

我正在使用jquery flot库来绘制条形图。我的图表中的条纹总是太薄，宽度约为2像素。但是当我设定的时候     lineWidth：15 条形成为我想要的宽度，但是第一个和最后一个条形溢出图形边框。我找到了一个简单的测试flot条形图，点数有限，在本地实现时看起来很好。我的结论是，我可能有太多的数据，因此与点数相比，条形很薄。但是我希望有一种方法可以让条形图以其他方式变宽，并且它们不会溢出图形边框。 任何建议都非常感谢。这就是我所拥有的：

$.plot(this.get('datasets'), {
    bars: {
       show: true,
       align: "center",
       fill: true,
       //lineWidth: 15
    },
    xaxis: {
       mode: "time",  //"categories",
       timezone: "browser",
       tickLength: 0
    }                   
});

Answer 1

您使用的是lineWidth而不是barWidth。所以你的酒吧宽度相同;它们看起来更厚（并溢出边界），因为它们周围的线条很粗。

你的酒吧如此狭窄的原因是因为宽度以轴为单位而不是以像素表示。在您使用时间模式轴的情况下，条形宽度将非常大。如果你想要一个小时覆盖一个小时，那么你的barWidth应该是60 * 60 * 1000 = 3600000。