似乎所有的D3示例圖都將外部.csv或.tsv文件作爲輸入數據。有什麼方法可以修改代碼以從Django中的變量中獲取數據。假設{{數據}}採用JSON格式,您如何在圖表中實現此功能,如http://bl.ocks.org/3885304或http://bl.ocks.org/3887051?我試圖避免總是寫一個.csv文件。Django爲D3圖形輸入的直接數據
6
A
回答
5
你總是可以創建一個視圖,它將提供D3將要使用的動態CSV文件。這種方式也允許用戶在需要原始數據而不是圖表的情況下下載數據。
def foo(request, ...):
model = get_object_or_404(Foo, ...)
data = model.get_data() # should return csv formatted string
return HttpResponse(data, content_type='text/csv')
5
,而不是加載數據的異步(Ajax風格的),你可以使用格式正確的JSON傳遞給你的模板標籤變量和|safe
d的字符串。
退房這是基於http://bl.ocks.org/3885304
您也應該檢查出來,因此相關問題的工作示例http://bl.ocks.org/4040034,有關於這個問題噸。
相關問題
- 1. d3直方圖和條形圖數據
- 2. 數據連接在D3旭日形圖
- 3. d3垂直條形圖
- 4. D3條形圖垂直軸
- 5. 我不能直接從我的數據庫中的數據輸入值形式
- 6. 使用d3.js將選擇輸入的線形圖變換爲條形圖
- 7. 重新輸入圖形的數據
- 8. 從Django到D3的JSON數據圖
- 9. D3與ajax數據的條形圖
- 10. 如何更新d3圖形的數據?
- 11. D3更新垂直堆疊條形圖
- 12. 更新d3堆積條形圖/柱形圖上的數據
- 13. D3:納入斌兩個數據集 - 直方圖佈局
- 14. D3條形圖和HTML數據屬性
- 15. 爲D3圖形擬合數據,以創建圖例
- 16. 將D3條形圖轉換爲React D3條形圖
- 17. R輸入語言分割的數據幀轉化爲圖形
- 18. d3.csv修改輸入數據
- 19. D3,多維數據並輸入()
- 20. 把價值直接放入輸入文本框的形式?
- 21. 爲D3繪製多維數據直方圖
- 22. 的直接輸入字段
- 23. 提供過濾後的數據作爲輸入到D3.js
- 24. D3:樹形圖中的超鏈接
- 25. Django的形式與來自數據庫填充輸入
- 26. Django DateTimeField輸入形式
- 27. D3.js.使用d3.nest()編寫條形圖數據
- 28. Django和直接數據庫操作
- 29. 輸入圖像數據爲PDF的iText
- 30. 爲d3條形圖處理數據時出錯
https://github.com/mbostock/d3/wiki/Requests#wiki-d3_json – Martin
如果我使用的是d3.json,那麼URL和回調是什麼? – ono
我誤解了你的問題,我以爲你想用它作爲json使用http。詳情請參閱我的回答。 – Martin