django echarts餅圖數(shù)據(jù)動(dòng)態(tài)加載的實(shí)例
更新時(shí)間：2019年08月12日 09:16:30 作者：LisaYang94
今天小編就為大家分享一篇django echarts餅圖數(shù)據(jù)動(dòng)態(tài)加載的實(shí)例，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
如下所示：
后臺關(guān)鍵代碼：
data = {}
#keys與values分別為該數(shù)據(jù)的鍵數(shù)組，值的數(shù)組。這里循環(huán)為字典添加對應(yīng)鍵值
for k, v in zip(keys, values):
data.update({k: v, },)
#最后將數(shù)據(jù)打包成json格式以字典的方式傳送到前端
return render(request, 'index.html', {'data': json.dumps(data)})
網(wǎng)頁（js中）取值關(guān)鍵代碼：
1.取值：
var kv = new Array();//聲明一個(gè)新的字典
kv = {{ data|safe }};//取出后臺傳遞的數(shù)據(jù)，此處添加safe過濾避免警告
var test = new Array();//聲明一個(gè)新的字典用于存放數(shù)據(jù)
for (var logKey in kv) {
//將對應(yīng)鍵值對取出存入test，logKey 為該字典的鍵
test.push({value: kv[logKey], name: logKey});
}
2.餅圖賦值：
var option = {
title: {
show:true,
fontSize : 15,
text: '數(shù)據(jù)測試'
},
series: [{
type: 'pie',
radius: '55%',
data:test,//賦值方式為字典傳值
}]
}
效果圖：
以上這篇django echarts餅圖數(shù)據(jù)動(dòng)態(tài)加載的實(shí)例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
Python??處理?Pandas?DataFrame?中的行和列
這篇文章主要介紹了Python處理Pandas?DataFrame中的行和列，文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下2022-09-09
這篇文章主要介紹了Python pip使用超時(shí)問題解決方案,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-08-08
利用Python如何實(shí)現(xiàn)數(shù)據(jù)驅(qū)動(dòng)的接口自動(dòng)化測試
這篇文章主要給大家介紹了關(guān)于利用Python如何實(shí)現(xiàn)數(shù)據(jù)驅(qū)動(dòng)的接口自動(dòng)化測試的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用python具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們來一起看看吧2018-05-05
Python實(shí)現(xiàn)合成多張圖片到PDF格式
在日常生活中，經(jīng)常會遇到需要提交身份證正反面證明資料的情況，而且這些網(wǎng)站大部分只接受pdf格式，這時(shí)候我們就需要把身份證正反面兩張圖片合成為一個(gè)pdf文件。本文將為大家提供用Python實(shí)現(xiàn)這一要求的方法，需要的可以參考一下2022-02-02
在Python的框架中為MySQL實(shí)現(xiàn)restful接口的教程
這篇文章主要介紹了在Python的框架中為MySQL實(shí)現(xiàn)restful接口的教程,文中的示例基于Flask和Django框架,需要的朋友可以參考下2015-04-04
python中的selenium實(shí)現(xiàn)自動(dòng)向下滾動(dòng)頁面并指定最大滑動(dòng)距離
這篇文章主要介紹了python中的selenium實(shí)現(xiàn)自動(dòng)向下滾動(dòng)頁面并指定最大滑動(dòng)距離，下文有關(guān)selenium的資料介紹有一定的參考價(jià)值，需要的小伙伴可以參考一下2022-02-02
Python實(shí)現(xiàn)讀取excel中的圖片功能
這篇文章主要介紹了如何利用Python實(shí)現(xiàn)讀取Excel中的圖片的功能，文中的實(shí)現(xiàn)步驟講解詳細(xì)，對我們學(xué)習(xí)Python有一定幫助，需要的可以參考一下2022-01-01
這篇文章主要為大家詳細(xì)介紹了python 合并表格的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-10-10
caffe的python接口deploy生成caffemodel分類新的圖片
這篇文章主要為大家介紹了caffe的python接口生成deploy文件學(xué)習(xí)以及用訓(xùn)練好的模型（caffemodel）來分類新的圖片示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-06-06
這篇文章主要介紹了如何用python批量移動(dòng)文件，幫助大家更好的理解和使用python，感興趣的朋友可以了解下2021-01-01