django echarts饼图数据动态加载的实例


Posted in Python onAugust 12, 2019

如下所示:

后台关键代码:

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饼图数据动态加载的实例

以上这篇django echarts饼图数据动态加载的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Python 相关文章推荐
Python中isnumeric()方法的使用简介
May 19 Python
改进Django中的表单的简单方法
Jul 17 Python
python基础知识小结之集合
Nov 25 Python
手把手教你python实现SVM算法
Dec 27 Python
Python使用pylab库实现绘制直方图功能示例
Jun 01 Python
python读取一个目录下所有txt里面的内容方法
Jun 23 Python
Django Form and ModelForm的区别与使用
Dec 06 Python
解决Tensorboard 不显示计算图graph的问题
Feb 15 Python
利用pandas向一个csv文件追加写入数据的实现示例
Apr 23 Python
Django路由层URLconf作用及原理解析
Sep 24 Python
Python之qq自动发消息的示例代码
Feb 18 Python
PyTorch梯度裁剪避免训练loss nan的操作
May 24 Python
python scrapy爬虫代码及填坑
Aug 12 #Python
Python 中的 global 标识对变量作用域的影响
Aug 12 #Python
Python中pymysql 模块的使用详解
Aug 12 #Python
python中类的输出或类的实例输出为这种形式的原因
Aug 12 #Python
对Django 中request.get和request.post的区别详解
Aug 12 #Python
python文字和unicode/ascll相互转换函数及简单加密解密实现代码
Aug 12 #Python
Python简易版停车管理系统
Aug 12 #Python
You might like
thinkphp项目部署到Linux服务器上报错“模板不存在”如何解决
2016/04/27 PHP
PHP实现百度人脸识别
2019/05/06 PHP
js实现页面打印功能实例代码(附去页眉页脚功能代码)
2009/12/15 Javascript
jQuery中has()方法用法实例
2015/01/06 Javascript
js实现宇宙星空背景效果的方法
2015/03/03 Javascript
你有必要知道的25个JavaScript面试题
2015/12/29 Javascript
Bootstrap模态框水平垂直居中与增加拖拽功能
2016/11/09 Javascript
ES6中Class类的静态方法实例小结
2017/10/28 Javascript
AngularJS 表单验证手机号的实例(非必填)
2017/11/12 Javascript
使用node打造自己的命令行工具方法教程
2018/03/26 Javascript
详解处理Vue单页面应用SEO的另一种思路
2018/11/09 Javascript
javascript之分片上传,断点续传的实际项目实现详解
2019/09/05 Javascript
微信小程序实现横向滚动导航栏效果
2019/12/12 Javascript
JavaScript中的this基本问题实例小结
2020/03/09 Javascript
[40:12]Liquid vs Chaos 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
python创建和删除目录的方法
2015/04/29 Python
在Django中同时使用多个配置文件的方法
2015/07/22 Python
python编程实现希尔排序
2017/04/13 Python
为什么入门大数据选择Python而不是Java?
2018/03/07 Python
python实现梯度下降算法
2020/03/24 Python
python3+requests接口自动化session操作方法
2018/10/13 Python
python实现批量转换图片为黑白
2020/06/16 Python
一文读懂python Scrapy爬虫框架
2021/02/24 Python
用CSS禁用输入法(CSS3 UI规范)实例解析
2012/12/04 HTML / CSS
美国轮胎网站:Priority Tire
2018/11/28 全球购物
ZINVO手表官网:男士和女士手表
2019/03/10 全球购物
澳大利亚在线床零售商:Bedworks
2020/09/01 全球购物
文明和谐家庭事迹材料
2014/05/18 职场文书
小学生十佳少年事迹材料
2014/08/20 职场文书
群众路线领导班子整改方案
2014/10/25 职场文书
领导干部群众路线对照检查材料
2014/11/05 职场文书
工作失误检讨书范文
2015/01/26 职场文书
补充协议书
2015/01/28 职场文书
2015年办公室主任工作总结
2015/04/09 职场文书
文明和谐家庭事迹材料(2016精选版)
2016/02/29 职场文书
PyTorch device与cuda.device用法
2022/04/03 Python