一覧画面に理想値と実験値をプロットする折れ線グラフを表示したい

表題の件ですが、Chart.jsを使って実施したところ、理想値のみの折れ線グラフを表示することはできています。
※X軸は日付固定、Y軸は理想値をレコードから取得して表示

ただ、理想値と実験値のX軸目盛数が一致しない(理想値を測定した日と実験値は異なる)ため、思ったような作りができず困っています。

JSの質問になってしまいますが、このままChart.jsで実現可能なのか、ほかのJS(フリー)でこのようなグラフを作成経験があればどなたかご教授いただけませんか?

度々すいません。

よくよく読んだら、2本の折れ線グラフを表示したいが、x軸の値が異なるため、

どうすればいいのか。ということですかね?

サクラエビさん

はい。その通りです。
#現状、実測値を期間で絞って平均値を出して、理想値の日付に合わせてプロットして表示して、
#実測値だけは、標準のグラフを見てと言っています。。、

軸が違うのでグラフを重ねるイメージですよね。

やったことがない形のグラフなので、ちょっと調べてみますが、難しそうな印象ですね。

やったことがある方がいたら、コメントが入りそうですしね。。。

すいません。コメントしようと思ってすっかり忘れていました。

 

2つのグラフ表示に関して、ちょっと難しく考えすぎてました。

x軸を1つとしなければいいだけですね。

左右に軸があるとかを気にしなければ作れるかと思いますよ。

ちょうどいいブログがあったので、参考に。

http://crud-lab.geechs.com/