Q&A
ありがとうございます。
このやり方が、私がイメージしていたものに非常に近いと思います。
まだ全然分かりませんが、何を勉強すればよいかが分かりました。
まずはトライしてみて、また疑問が出てきたら別途質問をアップさせていただくかもしれません。
今後とも宜しくお願いします。
Python3.6 Django2.1
DjangoでWebアプリケーションを作成しています。
例えば、毎日記録した体重のデータを、HTMLのCanvasに時系列グラフとして描画する場合、
どのようにすればよいのか、方針を教えていただきたいです。
つまり、DjangoとJavascriptの役割分担とデータの引き渡し方法ということになるかと思います。
最初に考えたのは、
DjangoのViewの中で、Javascriptのコード文字列を作成して、テンプレートに引き渡すことですが、
しかしこれだと、表示期間を切り替えるなど軽快に動かすことは難しそうです。
となると、model_listをテンプレートに引き渡して、js側で処理してもらうことになるのでしょうか？
この場合、jsがデータを使用できるように、一旦テンプレート内のどこかに全データを非表示の形でロードするのでしょうか？
具体的な実装方法は調べるつもりですが、
今の時点では方向性がよくわかっていませんので、
考え方だけでもご教授いただければと思います。
よろしくお願いします。
回答2件
0
Django環境があるわけではないので的確な回答にはなりませんが、
いわゆるサーバーサイドとクライアントサイドのデータ連携という部分ではどの言語もフレームワークも考え方は同じ、ということでヒント回答とさせていただきます。
DjangoのViewの中で、Javascriptのコード文字列を作成して、テンプレートに引き渡すこと
これはそれで良くて、
表示期間を切り替えるなど
クエリストリングを引数として受け取って動的にデータを生成すれば良いのではないでしょうか。
いわゆるGETリクエストですね。
URLで
?year=2018&month=9
ときていればサーバーサイドで2018年9月のデータを取得するとかですね。
もちろん8月～10月のように範囲にしたければパラメータを工夫すれば良いだけです。
投稿2018/12/24 00:34
総合スコア80850
0
ベストアンサー
最初に考えたのは、
DjangoのViewの中で、Javascriptのコード文字列を作成して、テンプレートに引き渡すことですが、
しかしこれだと、表示期間を切り替えるなど軽快に動かすことは難しそうです。となると、model_listをテンプレートに引き渡して、js側で処理してもらうことになるのでしょうか？
この場合、jsがデータを使用できるように、一旦テンプレート内のどこかに全データを非表示の形でロードするのでしょうか？
おそらく一般的なのは後者に近い形です。
グラフを描画する JavaScript のコードのうち、グラフ描画のロジックはすべて Django は介在させない形で .js ファイルに書き、グラフに放り込む最小限のデータの部分だけ JSON を介して Django から JavaScript に渡します。
そのデータの最小単位は例えば次のようなデータ（系列名 + データ）になりますが、この中にどれだけのデータを含めるべきかというのは描画したいグラフの内容等によるので一概には言えません。
json
1{ 2 'series 1': [3, 4, 5], 3 'series 2': [6, 8, 13], 4}
Django から JavaScript にデータを渡す具体的な方法については、「 Django 側でデータを JSON シリアライズしてテンプレート内に出力し、それを JS 側で JSON デシリアライズしてグラフ描画のための関数に渡す」という形が一般的でしょうか。このあたりは Django にズバリそのための機能が備わっていまして、次の質問への回答等がご参考になるのではないかと思います。ご覧になってみてください:
お求めの答えになっているでしょうか。
投稿2018/12/24 06:22
総合スコア1407
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/12/24 07:01
2018/12/24 07:35