从品牌网站建设到网络营销策划,从策略到执行的一站式服务
本篇文章为大家展示了django中怎么动态加载echarts饼图数据,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。
如下所示:
后台关键代码:
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饼图数据,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注创新互联成都网站设计公司行业资讯频道。
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图