我目前正在尝试利用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作为一些测试数据。
答案 0 :(得分:0)
我实际上最后回答了我自己的问题,将评论添加到关于flot想要UTC时间的问题(facepalm)。