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爬虫_自动获取seebug的poc实例
Aug 05 Python
Python数据分析之如何利用pandas查询数据示例代码
Sep 01 Python
Python针对给定列表中元素进行翻转操作的方法分析
Apr 27 Python
Python Json模块中dumps、loads、dump、load函数介绍
May 15 Python
Python生成器generator用法示例
Aug 10 Python
python使用Turtle库绘制动态钟表
Nov 19 Python
人工神经网络算法知识点总结
Jun 11 Python
Python 依赖库太多了该如何管理
Nov 08 Python
Django 自定义分页器的实现代码
Nov 24 Python
python二维键值数组生成转json的例子
Dec 06 Python
Python标准库itertools的使用方法
Jan 17 Python
Python输出指定字符串的方法
Feb 06 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
德生PL990的分析评价
2021/03/02 无线电
javascript第一课
2007/02/27 Javascript
js 日期转换成中文格式的函数
2009/07/07 Javascript
JQuery下的Live方法和$.browser方法使用代码
2010/06/02 Javascript
JS将制定内容复制到剪切板示例代码
2014/02/11 Javascript
javascript使用smipleChart实现简单图表
2015/01/02 Javascript
jQuery源码解读之removeClass()方法分析
2015/02/20 Javascript
JavaScript实现多个重叠层点击切换效果的方法
2015/04/24 Javascript
jQuery实现悬浮在右上角的网页客服效果代码
2015/10/24 Javascript
JavaScript模块规范之AMD规范和CMD规范
2015/10/27 Javascript
基于jQuery和CSS3制作响应式水平时间轴附源码下载
2015/12/20 Javascript
三种Node.js写文件的方式
2016/03/08 Javascript
iOS和Android用同一个二维码实现跳转下载链接的方法
2016/09/28 Javascript
微信小程序-详解数据缓存
2016/11/24 Javascript
使用ajax的post同步执行(实现方法)
2017/12/21 Javascript
微信小程序页面调用自定义组件内的事件详解
2019/09/12 Javascript
安装dbus-python的简要教程
2015/05/05 Python
Python多线程、异步+多进程爬虫实现代码
2016/02/17 Python
R语言 vs Python对比:数据分析哪家强?
2017/11/17 Python
python3获取两个日期之间所有日期,以及比较大小的实例
2018/04/08 Python
Python partial函数原理及用法解析
2019/12/11 Python
Scrapy框架实现的登录网站操作示例
2020/02/06 Python
Python3.7实现验证码登录方式代码实例
2020/02/14 Python
Python线程协作threading.Condition实现过程解析
2020/03/12 Python
python torch.utils.data.DataLoader使用方法
2020/04/02 Python
DataFrame.groupby()所见的各种用法详解
2020/06/14 Python
使用python matploblib库绘制准确率,损失率折线图
2020/06/16 Python
Pytorch 卷积中的 Input Shape用法
2020/06/29 Python
详解px单位html5响应式方案
2018/03/08 HTML / CSS
AmazeUI中各种的导航式菜单与解决方法
2020/08/19 HTML / CSS
工地安全检查制度
2014/02/04 职场文书
银行职员个人的工作自我评价
2014/02/15 职场文书
委托书范文
2014/04/02 职场文书
教师职位说明书
2014/07/29 职场文书
教师四风问题对照检查材料
2014/09/26 职场文书
详解python中[-1]、[:-1]、[::-1]、[n::-1]使用方法
2021/04/25 Python