在时间序列的Flot图表中堆积条形图

时间:2011-10-04 03:59:47

标签: javascript coffeescript flot

我有一个Flot图表,x轴显示时间 - 刻度大小等于一天。我正在显示在一天中的不同时间发生的事件的持续时间,并且我想要堆叠它们。 Flot的时间模式根据毫秒来定位条形图,因此条形图在每个刻度/日中分开。是否有一种快速的方法使条形堆叠起来,防止它们在每天的不同x位置被绘制?

1 个答案:

答案 0 :(得分:5)

复杂的感情回答了我自己的问题,但无论如何我都会这样做,以防有人遇到类似的问题。

解决方案是将时间戳转换为天,将结果中的小数向下舍入,然后使用以下函数将其转换回毫秒:

  

Math.floor(date/(1000*60*60*24))*(1000*60*60*24)

另外,请确保在轴设置声明中将刻度尺寸设置为一天:

  

tickSize: [1, "day"]

因此,您最终将获得精美叠加的日期值。我最终在客户端进行转换,以便我可以存储精确的值,而图表显示更大的图片。