ValueError: x and y must have same first dimension, but have shapes (25,) and (406,)を解決したい．

Question

前提

Pythonでx軸が時間，y軸が数値のグラフを作成するプログラムを作っています。
y軸はcsvファイルから数値を抽出しています．
プログラムの作成中に以下のエラーメッセージが発生しました。

csvファイルは雑ですが以下のようになってます．
filename , value
20230101_1200 , 300
20230101_1201 , 250
20230101_1202 , 350
：　，　　　　　　：

実現したいこと

• x軸が時間でy軸が数値のグラフを作るプログラムを作成したい．

y軸の数値はcsvファイルから取り出したい．
グラフの枠はできるのだが，折れ線が出てこない．

また，上記のグラフを作れるプログラムであれば該当のソースコードじゃない方法も教えていただきたいです．

発生している問題・エラーメッセージ

ValueError: x and y must have same first dimension, but have shapes (25,) and (406,)

import matplotlib.pyplot as plt
import matplotlib.dates as mdates
import pandas as pd 
import tabulate
import numpy as np

### 該当のcsvファイル


# テストデータ　line6~15
tm=pd.date_range("20191209 0:00" ,"20191210 0:00" , freq="60min")

dt= pd.read_csv("readimage2.csv",encoding="SHIFT_JIS",usecols=[0,1])

df=pd.DataFrame(dt)

print(df.to_markdown())


#ここから下はグラフ作成

fig = plt.figure(facecolor="white")
ax = fig.add_subplot(
    211,
    title="20221211 - 20221212",
    xlabel="Time",
    ylabel='Coordinate',
    )

ax.plot(tm , df["value"] )
ax.grid(True)


#ここから下はグラフの詳細

#x軸の描画の範囲を指定。これを入れないと、時刻がうまくそろわない
ax.set_xlim(tm[0] , tm[24])   


#2時間おきにラベル
Minute1=mdates.MinuteLocator(range(120),120)   
ax.xaxis.set_major_locator(Minute1)

#30分おきに軸線
Minute2=mdates.MinuteLocator(range(60),30)   
ax.xaxis.set_minor_locator(Minute2)

#H:M のフォーマットでラベルを書く
Minute_fmt = mdates.DateFormatter('%H:%M')  
ax.xaxis.set_major_formatter(Minute_fmt)


#縦書きの指定
plt.setp(ax.get_xticklabels(), rotation=45, ha="right")

plt.show()  #画像表示

試したこと

ax.plot()の中身のxとyを逆にするとエラーは吐かなくなるが折れ線が出てこない．

補足情報（FW/ツールのバージョンなど）

python3を使っていて，Macを利用しています．

Comments

[can110]

単純に、xは1時間毎なので25個、yはCSVの行数なので406個と数が合っていないのですが
それをどのように描画したいのでしょうか？

[abyss80]

>>can110さん
回答ありがとうございます．
yの406個を全て描画し，xの時間は1時間ごとにラベリングしたいです．
yの406個は1分毎に記録したものであり，全て違う時間になります．

[can110]

つまりは
「tm=pd.date_range("20191209 0:00" ,"20191210 0:00" , freq="60min")」のところで
Yのデータ数406個にあった日時データを作成する方法が分からない
（上記の場合の開始日時から406時間後の終了日時を計算する方法が分からない）
ということでしょうか？

[abyss80]

自分の文章の書き方が悪かったみたいで，誤解があります．
Yのデータ数406個，これは1分毎の記録です．
ですので,Yのデータ個数は最大60*24=1440個にまでなります．

グラフ全体として，1日(24時間)の中でのYのデータの変化を見るグラフを作りたいと考えております．

枠：開始日時から24時間後の範囲
線：該当している時間の間のみ表示される線

が理想となっております．

[can110]

> tm=pd.date_range("20191209 0:00" ,"20191210 0:00" , freq="60min")
そもそも上記の提示コードにおいて、1分毎ではなく1時間毎の値を求めている理由はなんでしょうか？
あるいは、これを1分毎として、終了日時を406（データ数）分後に指定すればよいと思いますが、いかがでしょうか？
すなわち、エラー（xとyの個数が異なる）の原因と、その対処法までは現時点で理解されているでしょうか？

あと、ぱっと見てfilenameというのがそのデータの記録日時と思うのですが
それは無視する感じでしょうか？

[abyss80]

返信遅れてしまい申し訳ございません．
回答されたグラフが私の求めていた理想形です．
一つ教えて頂きたいのですが，テストデータの部分をcsvファイル（仮にtest.csvとします．)から持ってくる際にはどうすればよろしいでしょうか．
一つ一つ”#テストデータ”の場所に打ち込まなければならないでしょうか？

[abyss80]

teratailの仕様を詳しく理解していないため，ベストアンサーに決めてしまうとcan110さんと連絡を取れないかと思い，一時的に保留しております．

[abyss80]

df=pd.read_csv("test.csv")で無事完成させることができました．

Answer 1

x軸が時間でy軸が数値のグラフを作るプログラムを作成したい．

求めている結果に沿っているか分かりませんが、わたしならfilename列値がx軸の時間だと想定して、それを利用する以下のようなコードを書きます。

import matplotlib.pyplot as plt
import matplotlib.dates as mdates
import pandas as pd
from io import StringIO
from datetime import datetime, timedelta

# テストデータ
s = """filename,value
20230101_1200,300
20230101_2001,250
20230101_2202,350"""
df = pd.read_csv(StringIO(s))

# filenameを日時に変換
df['filename'] = pd.to_datetime(df['filename'], format='%Y%m%d_%H%M')
xs, ys = df.T.values

# とりあえず先頭行の日の0時～末尾行の日の24時までをx範囲とする
x_st = xs[0].date()
x_ed = xs[-1].date() + timedelta(days=1)

fig = plt.figure(facecolor="white")
ax = fig.add_subplot(211, title=f'{x_st} - {x_ed}', xlabel='Time', ylabel='Coordinate')
ax.plot(xs, ys)
ax.grid(True)

ax.set_xlim(x_st,x_ed)

ax.xaxis.set_major_locator(mdates.MinuteLocator(range(120),120))
ax.xaxis.set_minor_locator(mdates.MinuteLocator(range(60),30))
ax.xaxis.set_major_formatter(mdates.DateFormatter('%H:%M'))
plt.setp(ax.get_xticklabels(), rotation=45, ha="right")
plt.show()

Comments

[abyss80]

csvファイルの"filename"の日付部分をグラフ用に変換していただくことで，自分の理想とするグラフを完成させることができました．
拙い説明でしたが，意図を汲み取っていただきありがとうございます．