HTML <form> を使用して Google Chart でグラフを作成する

Question

最近、私は取り組んでいるプロジェクトにビジュアル分析を挿入しようとしており、HTML form の UI からグラフを作成できるようにしたいと考えていました。私の HTML ページのコードは次のとおりです:

リーリー

フォームを処理するファイルは getData.php

です。 リーリー

私の目標は、ユーザーが最初のページの HTML フォームに必要なグラフの種類とプロパティを入力し、2 番目のページでリクエストを処理してグラフを印刷させることです。

たくさんのコードを投稿したことは承知していますが、3 日間この問題に苦労してきたので、助けていただければ幸いです。

＃＃＃＃＃＃編集＃＃＃

$_SESSION['LAST_ACTIVITY'] = time(); および $usersid を定義するセクションを追加しました。 問題は、フォームからデータを取得し、それを使用してグラフを作成する方法が見つからないことです。 を作成するとき リーリー

drawChart() 関数内にマークを付けると、

getData.php

ページ全体が完全に白になります。これが私の問題を説明する良い方法ではないことはわかっていますが、最善を尽くしました。必要な説明があればお尋ねください。

編集 2

@Abronsius 教授の回答を変更した後、円グラフを印刷できますが、残念ながら次のようになります:

json ファイルがどのようなものかを調べるためにネットワーク トラフィックを調べようとすると、ファイルは正常に見えます:

リーリー

これは、等しい部分を含む円グラフを印刷する必要があることを意味します。何かアイデアはありますか?

編集 3

チャートを生成するとき、および次の行に console.log()

を追加した後、コンソールにエラーは表示されません:

リーリー コンソールの出力は次のとおりです(正しいか間違っているかはわかりません): リーリー

layer:wf->0->c && キャッシュ内で、dataTbl に設定されると予想されるデータが確認できますが、残りが何なのかはわかりません...

＃＃＃よろしくお願いします！

getData.php

ファイルへの PasteBin リンク

html-form.php PasteBin ファイルへのリンク

Answer 1

以下の内容はどれもテストされていませんが、解決策を見つけるのに役立つ可能性があります。従来の方法でフォームを送信せず、getData.php と HTML/JavaScript を完全に分離しておくことをお勧めします。 getData.php は SQL クエリを実行してデータを ajax コールバックに送り返し、その後 drawChart を呼び出して実際にグラフを構築するだけです。

getData.php

リーリー 外部ライブラリや CSS を含まない、デモ専用の HTML ページの

および slim バージョン:

リーリー

小さな変更を加えてテスト ページを構築し、生成されたアプリケーションを実行しました: