DFを基に二軸グラフを作成したいが、エラーが出現する

Question

前提・実現したいこと

indexが日時、列が２列であるDFを基に二軸グラフを作成したいのですが、
最後の二行を実行するとエラーメッセージが出現し、行き詰っています。

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

TypeError: 'value' must be an instance of str or bytes, not a None

該当のソースコード

x = df4.index
y1 = df4['有義波高 (H1/3) (m)']
y2 = df4['最高波周期 (Tp) (s)']

fig, ax1 = plt.subplots(figsize=(18,4))
ax2 = ax1.twinx()

ax1.plot(x, y1, color='darkcyan', lw=0.5)
ax2.plot(x, y2, color='red',lw=0.5)

###データフレーム print(df4)

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

python3
jupyter notebook

Comments

[ikapy]

どの行でエラーが出ていますか？質問に追加お願いします。
可能であればprint(df4)の結果を質問に追加お願いします。

※質問力をつけましょう。

[taihei_._]

ご指摘ありがとうございます。
追加いたしました。

Answer 1

TypeErrorの原因はわかりませんね。というのは、こちらでは再現出来なかったからです。考えられるのは、python、pandasのバージョンが違うとか、開発環境が違うとか、質問者さんのプログラムが悪さをしているとかが考えられます。
こちらは、python=3.8.6、pandas=1.1.3 です。
データは、国土交通省ナウファスのものですね。これをダウンロードしてグラフ化するまでを作成してみましたので参考にしてください。
このデータは、固定長なのでスライスを利用して処理するのが良いと思います。また、データ中に未観測値（99.9とか999など）がありますので、それらはNaNにする必要があります。

# 入力ファイル：h101e.019.txt（秋田 2019 波浪データ）
# 情報元：国土交通省港湾局 全国港湾海洋波浪情報網　ナウファス（https://nowphas.mlit.go.jp/pastdata_select/）
# 日付　　　　line[:12]
# 有義波高　　line[36:42]
# 最高波周期　line[66:72]

from datetime import datetime
import pandas as pd
import matplotlib.pyplot as plt

date_time, YuugiHako, SaikohaShuuki = [], [], []
with open("h101e.019.txt", 'r') as f:
    f.readline()
    for line in f:
        date_str = line[0:12].replace(' ', '0')
        date_str = f"{date_str[0:4]}-{date_str[4:6]}-{date_str[6:8]} {date_str[8:10]}:{date_str[10:12]}"
        date_time.append(datetime.strptime(date_str, "%Y-%m-%d %H:%M"))
        YuugiHako.append(float(line[36:42]))
        SaikohaShuuki.append(float(line[66:72]))
df = pd.DataFrame({"日付": date_time, "有義波高": YuugiHako, "最高波周期": SaikohaShuuki})
df = df.set_index("日付")
df["有義波高"] = df["有義波高"].where(df["有義波高"] < 99.9)
df["最高波周期"] = df["最高波周期"].where(df["最高波周期"] < 999.9)

fig, ax1 = plt.subplots(figsize=(18, 4))
ax2 = ax1.twinx()
x = df.index
y1 = df['有義波高']
y2 = df['最高波周期']
ax1.plot(x, y1, color='darkcyan', lw=0.5)
ax2.plot(x, y2, color='red', lw=0.5)
plt.show()

実行結果です。

Comments

[taihei_._]

ご回答ありがとうございます。
エラーの原因はわからないのですが、ご教授頂いたプログラムで
無事グラフを描くことができました。
ありがとうございました。