ソーラー発電&Arduino測定の気象データをChart.jsでグラフ化④日付形式

アバター画像 お母ちゃん  2022.1.7 
Home > Web > ソーラー発電&Arduino測定の気象データをChart.jsでグラフ化④日付形式
すき 0
うんこ 0

前回は日付範囲指定が出来るように調整しました。

ソーラー発電&Arduino測定の気象データをChart.jsでグラフ化③日付範囲指定

ただこれだと、ログデータは10分毎のデータとなっているため、
日付を狭めた時に同じ日付が並んでラベルに表示されてしまい、
見づらくなってしまいました。

なのできちんと「日付」として扱えるようにグラフを調整しました。

ソースコード

アダプターの追加

日付型にするにはアダプターが必要になります

データの整形(配列)

[{x:日付, y:データ},…] の形になるよう調整

グラフの設定

opsions.scales で設定を記述

time.unit で、ラベルの表示単位を設定。
今回は日毎(時間、月など可能)

日付範囲

日付範囲の設定も調整

動作デモ(CodePen)

See the Pen Untitled by HomeMadeGarbage (@hmg) on CodePen.

テストデータの様子が気持ち悪いですが・・🙇‍♂️

 

次の記事

ソーラー発電&Arduino測定の気象データをChart.jsでグラフ化⑤表示調整

コメントはこちらから

メールアドレスが公開されることはありません。コメントのみでもOKです。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください