我目前正在尝试利用jsreport生成一个简单的 PDF 报告,其中包含一个时间范围内的 bpsIn 图表。目前的数据是静态的,但我遇到了一些问题:
(1) 当我尝试利用 moment.js 格式化数据时,moment.unix({{this.[1]}}*1000)
似乎工作正常,但是,当您将.format("YYYY-MM-DD")
on 添加到末尾以将纪元时间格式化为人类可读时,内容会从图表中消失。
我在 jsreport 的操场上有一个操场版本设置,它说明了该图作为带有纪元时间戳的条形图工作。注意它们是如何完全不可读的..
将其转换为折线图很简单。我也尝试过在flotmode: "categories"
内替换以使用时间,如: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 作为一些测试数据。