echarts饼状图mysql_djangoecharts饼图数据动态加载的实例如下所⽰:
后台关键代码:
django项目实例data = {}
#keys与values分别为该数据的键数组,值的数组。这⾥循环为字典添加对应键值
for k, v in zip(keys, values):
data.update({k: v, },)
#最后将数据打包成json格式以字典的⽅式传送到前端
return render(request, 'index.html', {'data': json.dumps(data)})
⽹页(js中)取值关键代码:
1.取值:
var kv = new Array();//声明⼀个新的字典
kv = {{ data|safe }};//取出后台传递的数据,此处添加safe过滤避免警告
var test = new Array();//声明⼀个新的字典⽤于存放数据
for (var logKey in kv) {
//将对应键值对取出存⼊test,logKey 为该字典的键
test.push({value: kv[logKey], name: logKey});
}
2.饼图赋值:
var option = {
title: {
show:true,
fontSize : 15,
text: '数据测试'
},
series: [{
type: 'pie',
radius: '55%',
data:test,//赋值⽅式为字典传值
}]
}
效果图:
以上这篇django echarts饼图数据动态加载的实例就是⼩编分享给⼤家的全部内容了,希望能给⼤家⼀个参考,也希望⼤家多多⽀持脚本之家。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论