flot chart- x轴起点的差异

时间:2014-01-29 11:59:51

标签: javascript css flot

我试图在一个页面内绘制多个图表,每个图表与页面中心对齐,一个在另一个下面。我已经修复了图形画布。由于刻度值具有不同的范围,例如,一个图形具有y轴范围[0-10],另一个图形具有[0-10000],y轴刻度的宽度对于每个图形是不同的。这会以某种方式带来糟糕的用户体验,因为每个图的x轴的起点不同。

是否可以在flot chart中单独提供x轴宽度,或者是否有任何其他解决方案可以从同一点开始对齐所有图形。

我附上了示例草图,以便更好地理解该问题。 sample sketch to show the alignment issue

1 个答案:

答案 0 :(得分:3)

来自flot API

  

“labelWidth”和“labelHeight”指定刻度的固定大小   标签以像素为单位它们在您需要对齐多个时非常有用   地块。 “reserveSpace”表示即使没有显示轴,也可以使用Flot   应该为它预留空间 - 它可以与之结合使用   labelWidth和labelHeight用于对齐多轴图表。