jquery花纹条形图条宽
jquery花纹条形图条宽
提问于 2014-03-10 23:39:11
我正在使用jquery flot库来绘制条形图。我的图表中的条子太薄了，宽度约为2 2px。但是当我设置lineWidth: 15时，条形图就变成了我想要的宽度，但是第一个和最后一个条子溢出了图形的边框。我发现了一个简单的测试标记条形图，它的点数有限，在本地实现时看起来很好。我的结论是，也许我有太多的数据，所以与点数的数量相比，条形图很薄。但是我希望有一种方法可以让条子变得更宽一些，让它们不会溢出到图形的边界上。任何建议都是非常感谢的。以下是我所拥有的：
$.plot(this.get('datasets'), {
bars: {
show: true,
align: "center",
fill: true,
//lineWidth: 15
},
xaxis: {
mode: "time", //"categories",
timezone: "browser",
tickLength: 0
}
});回答 1
Stack Overflow用户
回答已采纳
发布于 2014-03-11 03:36:33
您使用的是lineWidth而不是barWidth。所以你的条子是一样宽的，它们看起来更厚(并且溢出边界)，因为它们周围的线条很厚。
您的条形图之所以如此窄，是因为宽度是用轴单位表示的，而不是像素。在您的例子中，您使用的是时间模式轴，条形线的宽度将相当大。如果你想要一个酒吧覆盖一个小时，那么你的barWidth应该是60 * 60 * 1000 = 3600000。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/22313618
复制相关文章
相似问题
腾讯云开发者
