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读写Excel文件方法介绍
Nov 22 Python
Centos5.x下升级python到python2.7版本教程
Feb 14 Python
Python中time模块与datetime模块在使用中的不同之处
Nov 24 Python
Python网络爬虫项目:内容提取器的定义
Oct 25 Python
Python 中迭代器与生成器实例详解
Mar 29 Python
Python中异常重试的解决方案详解
May 05 Python
Python发送邮件测试报告操作实例详解
Dec 08 Python
Tensorflow实现神经网络拟合线性回归
Jul 19 Python
基于Python批量生成指定尺寸缩略图代码实例
Nov 20 Python
python计算导数并绘图的实例
Feb 29 Python
Python selenium抓取虎牙短视频代码实例
Mar 02 Python
解决pyPdf和pyPdf2在合并pdf时出现异常的问题
Apr 03 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
长波有什么东西
2021/03/01 无线电
php与XML、XSLT、Mysql的结合运用实现代码
2009/11/19 PHP
php模块memcache和memcached区别分析
2011/06/14 PHP
浅谈PHP链表数据结构(单链表)
2016/06/08 PHP
Grid得到选择行数据的方法总结
2011/01/17 Javascript
jquery.messager.js插件导致页面抖动的解决方法
2013/07/14 Javascript
JS实现图片翻书效果示例代码
2013/09/09 Javascript
利用js制作html table分页示例(js实现分页)
2014/04/25 Javascript
利用js实现禁止复制文本信息
2015/06/03 Javascript
JavaScript随机生成颜色的方法
2016/10/15 Javascript
js图片延迟加载(Lazyload)三种实现方式
2017/03/01 Javascript
Angular.Js中ng-include指令的使用与实现
2017/05/07 Javascript
前端主流框架vue学习笔记第一篇
2017/07/26 Javascript
浅谈React + Webpack 构建打包优化
2018/01/23 Javascript
Layui数据表格 前后端json数据接收的方法
2019/09/19 Javascript
小程序实现上下移动切换位置
2019/09/23 Javascript
[04:45]DOTA2上海特级锦标赛主赛事第四日RECAP
2016/03/06 DOTA
python数据结构之二叉树的遍历实例
2014/04/29 Python
python爬虫实现教程转换成 PDF 电子书
2017/02/19 Python
python实现对csv文件的列的内容读取
2018/07/04 Python
Python PO设计模式的具体使用
2019/08/16 Python
关于PyTorch 自动求导机制详解
2019/08/18 Python
解决Python3.7.0 SSL低版本导致Pip无法使用问题
2020/09/03 Python
html5新增的定时器requestAnimationFrame实现进度条功能
2018/12/13 HTML / CSS
选购世界上最好的美妆品:Cult Beauty
2017/11/03 全球购物
介绍一下Linux内核的排队自旋锁
2014/01/04 面试题
DOM和JQuery对象有什么区别
2016/11/11 面试题
数控技术与应用毕业生自荐信
2013/09/24 职场文书
中专毕业生求职简历的自我评价
2013/10/21 职场文书
考核评语大全
2014/04/29 职场文书
人事行政经理岗位职责
2014/06/18 职场文书
新颖的化妆品活动方案
2014/08/21 职场文书
银行自荐信怎么写
2015/03/05 职场文书
步步惊心观后感
2015/06/12 职场文书
观后感格式
2015/06/19 职场文书
Requests什么的通通爬不了的Python超强反爬虫方案!
2021/05/20 Python