【问题标题】:Flot xaxis ticks exceeds the specified numberFlot xaxis 刻度超过指定的数字
【发布时间】:2013-04-18 06:33:20
【问题描述】:

我是 Flot 的新手,所以我对刻度的理解是 flot 将在图表上绘制的列数。

由于我的标签很长,有 6 个刻度非常适合。但大多数时候,它只是超过了我设置的数字,而这会搞砸标签。

我认为这与 Flot 的算法有关?有什么办法可以将其修复为 6 列?

我是如何设置的。

xaxis: { mode: 'time', timeformat: "%y/%m/%d %H:%M:%S", tick:6 },

【问题讨论】:

  • 请包含表现出不良行为的 jsFiddle 或代码示例。
  • 我建议创建一个日期数组并将其设置在 xaxis 中,类似于 - ticks: dateArray

标签: flot


【解决方案1】:

刻度选项是一个指南。 Flot 尝试匹配该值,但它的首要任务是选择“圆形”值,即 5:00 而不是 5:01。

有几种方法可以解决此问题,具体取决于您的数据。有保证的解决方案是手动计算您的六个刻度值,并在“刻度”数组选项中将它们提供给 Flot。除此之外,您还可以通过调整 minTickSize 和轴 min/max 来诱使 Flot 生成正确的刻度数。

【讨论】: