添付画像のようなグラフを実装するのにおすすめのライブラリを教えて下さい。(複数Y軸)

Question

前提・実現したいこと

雑な図で申し訳ありませんが、上記の画像のようなグラフをJavaScriptで実装したいと考えいます。
実装するにあたり楽に実装できそうなライブラリを知っていたら教えていただきたいです。

なければ、D3.jsで頑張ろうかと思います。

• 複数Y軸
• X軸の日付に対して、1つのデータを持つものと2つのデータ(午前・午後)を持つものがある
• 可能であれば2つのデータをもつ場合は午前から午後までの間隔より午後から午前までの方が短い
• クリック選択した場合には線のスタイルを変更出来る
• グラフごとのアイコンは自由に設定出来る

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

React上で動かすのでReactに対応したものがあればそのほうが良いですがなければそれ以外でも構いません。

よろしくお願いいたします。