現在、jsreportを活用して、時間範囲にわたる bpsIn のグラフを含む単純な PDF レポートを生成しようとしています。今のところデータは静的ですが、いくつかの項目で問題が発生しました:
(1) moment.js を利用してデータをフォーマットしようとすると、問題なく動作するmoment.unix({{this.[1]}}*1000)ように見えますが、最後に on を追加し.format("YYYY-MM-DD")てエポック時間を人間が読めるようにフォーマットすると、コンテンツがグラフから消えます。
エポックのタイムスタンプを持つ棒グラフとして機能するグラフを示す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 として人間が読める日付を含むレポートを作成することですが、このデータは現時点でテスト データとして InfluxDB から取得されているため、日付は実際には 15 分刻みです。