どうしてグラフが表示されないのでしょうか？

Question

arr3の中身を空にしたものを、前回ご指摘いただいた部分を直して書いてみたのですがやはり表示されないのです。恐らくデータがarr2に入らず書き方が間違っているのだと思いますが、どこがいけないのでしょう,,,。またどう直したらよいか詳しく書いていただけると助かります。

Answer 1

osaponさんが書かれているように

console.log()やconsole.dir()を使うと、変数の中身をブラウザのコンソールで確認できるので活用をお薦めします。

で要所、要所で変数の内容を確認されては？

あと、必要最小限のシンプルなコードを書いてきちんと動作確認が済んだコードを追加して行く地道な作業を積み重ねて行くのがいちばんの近道です。

Answer 2

tuika1 tuika2 tuika3 の各関数で dataALL に新しいデータを push していますが、それを arr2 に渡してグラフを描画し直す処理が無いと思います

dataAll と arr2 の関係もしっくりきませんね

グラフ描画するのが arr2 の配列ですが、そこにはtuika1 tuika2 tuika3で追加したデータのみを push したいのに、一度 dataAll に push して dataAllの先頭からarr2に push しようとしていませんか？

（やろうとしていることのイメージ）

1. 初期時 dataAll = なし , arr2 = なし
2. tuika1 によって dataAll に 1 を追加 ・・・ dataAll = 1
3. arr2 に dataAll を全て渡す ・・・ arr2 = 1
4. グラフ描画 arr2 = 1
5. tuika2 によって dataAll に 2 を追加 ・・・ dataAll = 1,2
6. arr2 に dataAll を全て渡す ・・・ arr2 = 1,1,2

（↑本当は tuika2 で増えた 2 だけを arr2 に渡したいはず）
7) グラフ描画 arr2 = 1,1,2

このあたりの考えなおしが必要と思われます
※tuika1～3 によって dataAll の方だけ要素が追加されますので、dataAll.length - arr2.length によって差分がどれくらいあるか判断できますね

・・・ということで、どのタイミグに値がどこへどう入るのか、いつグラフ描画処理が走っているのか、全体の処理の流れを再確認されたほうがよいと思います
グローバル変数もちらばってますので、そのあたりの整理も含めて見直されてはいかがでしょうか

Comments

[ikenirubasyu]

回答ありがとうございました。無事プログラムとして出来ましたし、すごく勉強になりました。