node redで折れ線グラフが正しく表示されない

実現したいこと

折れ線グラフにおいて、日付が変わってもx軸が正しく表示されるようにしたいです。

発生している問題・分からないこと

下グラフは8/31と9/1の値を示していますが、日付が変わると前日の値が重なってしまいます。

test.csvファイルをグラフに用いており、
ファイルの値は下記通りです。

test.csvファイルの中身
12024-8-31 7:31,12
22024/8/31 7:32,18
32024/8/31 7:33,15
42024/8/31 7:34,20
52024/8/31 7:35,21
62024/8/31 7:36,25
72024/8/31 7:37,20
82024/8/31 7:38,15
92024/9/1 7:39,10
102024/9/1 7:40,14

また、node redは下記を参考に作成しています。
https://qiita.com/tota_nissho/items/f6d6d94eb23cd4d9240d

エラーメッセージ

error
1エラーメッセージはなし

該当のソースコード

特になし

試したこと・調べたこと

teratailやGoogle等で検索した
ソースコードを自分なりに変更した
知人に聞いた
その他

上記の詳細・結果

１）csvファイルの日付を1日のみにすると、正常に表示されます。

２）excelで確認したところ、ｘ軸の設定を「テキスト軸」に変更すると
正常に表示されます。

これと同じ操作をnode redで行うといいのではと思っております。

３）このサイトでは日付が変わっていても
正しく表示されています。
https://docs.plathome.co.jp/docs/openblocks/fw4/tutorial/mqtt/check/

X軸ラベルをHH:mmからMM/DD HH:mmに変更しても結果は同じでした。

補足

node red:v4.0.2
os:windows 10

bsdfan

2024/08/31 12:37

このデータをこのX軸のレンジでプロットすれば、こうなって当然なので、これはこれで正常なグラフだと思います。質問者さんの思う「正常」はX軸をテキストのまま扱いたいということみたいですが、それに反して(おそらくファイル整理のブロックで)文字列を日時データの型に変換していたりしませんか？

python01

2024/08/31 15:03

bsdfan様のおっしゃる通り、X軸のレンジの問題のようでした。 csvファイルでは、24時間の時間をあけた状態で値が入っているので、このようなグラフ表示になっているだけという事が理解できました。ありがとうございます！

python01

2024/09/01 12:49

大変お手数ですが、ベストアンサーに選びたいので、 x軸のレンジが大きいと、一見グラフのプロットが正しくないように見えてしまう。という内容を回答欄に投稿いただけますでしょうか？

行動規範の内容に同意します

回答1件

ベストアンサー

このデータ(8/31の7:30付近と9/1の7:30付近だけにデータがある)をこのX軸のレンジ(24時間超)でプロットすれば、こうなって当然なので、これはこれで正常なグラフだと思います。

投稿2024/09/01 13:36

bsdfan

総合スコア4774

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.37%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！