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.