在xasis上使用jsreport和纪元时间进行flot制图

时间:2015-05-11 21:37:01

标签: javascript jquery pdf flot jsreport

我目前正在尝试利用jsreport生成一个简单的PDF报告,其中包含一段时间内的bpsIn图表。现在的数据是静态的,但我遇到了一些问题:

(1)当我尝试利用moment.js格式化数据时,moment.unix({{this.[1]}}*1000)似乎工作得很好,但是,当您将.format("YYYY-MM-DD")添加到最后以将纪元时间格式化为人类可读,内容从图表中消失。

我在jsreport的playground上设置了一个游乐场版本,用于说明图形作为带有纪元时间戳的条形图。注意它们是如何完全不可读的。

将其转换为折线图很简单。我还尝试将mode: "categories" flot中的xasis替换为使用时间,因为:

xaxis: { 
   mode: "time",
   minTickSize: [15, "minute"],
   min: (new Date(data.points[0][1])).getTime(),
   max: (new Date(data.points[0][29])).getTime(),
   timeformat: "%y/%m/%d"
},
"lines": {"show": "true"},
"points": {"show": "true"},
clickable:true, hoverable: true

附加适当的附加内容:     //cdnjs.cloudflare.com/ajax/libs/flot/0.8.3/jquery.flot.min.js     //cdnjs.cloudflare.com/ajax/libs/flot/0.8.3/jquery.flot.categories.min.js     //cdnjs.cloudflare.com/ajax/libs/flot/0.8.3/jquery.flot.time.min.js     //cdnjs.cloudflare.com/ajax/libs/flot/0.8.3/jquery.flot.symbol.min.js

最终目标是将具有人类可读日期的报告作为xAsis,但日期实际上是15分钟的增量,因为此数据目前来自InfluxDB作为一些测试数据。

1 个答案:

答案 0 :(得分:0)

我实际上最后回答了我自己的问题,将评论添加到关于flot想要UTC时间的问题(facepalm)。