質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
D3.js

D3.jsとは、データに基づいてHTMLやSVGドキュメントを編集するために作られた、小規模なオープンソースのJavaScript可視化ライブラリです。

Django

DjangoはPythonで書かれた、オープンソースウェブアプリケーションのフレームワークです。複雑なデータベースを扱うウェブサイトを開発する際に必要な労力を減らす為にデザインされました。

Python 3.x

Python 3はPythonプログラミング言語の最新バージョンであり、2008年12月3日にリリースされました。

Q&A

解決済

1回答

2328閲覧

Django : DBの値をd3.jsを使用してグラフ化させる

john-yang

総合スコア10

D3.js

D3.jsとは、データに基づいてHTMLやSVGドキュメントを編集するために作られた、小規模なオープンソースのJavaScript可視化ライブラリです。

Django

DjangoはPythonで書かれた、オープンソースウェブアプリケーションのフレームワークです。複雑なデータベースを扱うウェブサイトを開発する際に必要な労力を減らす為にデザインされました。

Python 3.x

Python 3はPythonプログラミング言語の最新バージョンであり、2008年12月3日にリリースされました。

0グッド

0クリップ

投稿2018/02/12 06:42

###前提・実現したいこと
バージョン:
d3.js -> 3
python -> 3.6
django -> 1.11

実現したいこと:d3.jsを使用してDBの値をグラフとして出力したい
###発生している問題・エラーメッセージ
view.pyでjson形式に変換はできているのか、ブラウザで見るとjsonで受け渡した値が出力されている
が、肝心のscriptの方では何も受け取れていない
JsonResponseが不適当なのかと思い、json.dumps()を使用しても同じ結果になりました
###該当のソースコード
view

python

1from django.shortcuts import render 2from django.contrib.auth.decorators import login_required 3import urllib.request 4from . import models 5from .models import NikkeiStock 6from django.http import JsonResponse 7 8def index(request): 9 10 nikkei_stock = NikkeiStock.objects.all() 11 12 ary = [] 13 datas = NikkeiStock.objects.all() 14 for data in datas: 15 ary.append({"id":"%d" % data.id, "price":data.price, "created":data.created}) 16 return JsonResponse({"data":ary}) 17

template

javascript

1<script type="text/javascript"> 2 d3.json("/scrapings/", function(all){ 3 console.log(all); 4 }); 5</script>

###コメント
どんな選択肢があるのかも不透明なため、あらゆる回答をお待ちしています。
よろしくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

d3.json()を使用せずに、下記で実現できました。

javascript

1var data = {{変数}}; 2var svg = d3.select("#result") 3 .data(data)

投稿2018/02/13 08:20

john-yang

総合スコア10

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問