django echarts饼图数据动态加载的实例
作者:LisaYang94 时间:2023-02-13 21:12:43
如下所示:
后台关键代码:
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,//赋值方式为字典传值
}]
}
效果图:
来源:https://blog.csdn.net/LisaYang94/article/details/81612261
标签:django,echarts,饼图
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
python字典添加值的方法及实例代码分享
2023-04-22 09:58:13
mysql慢查询的分析方法
2010-08-03 14:51:00
Go 语言入门之Go 计时器介绍
2024-05-25 15:16:04
Python模块学习 datetime介绍
2023-08-15 16:01:18
Python3.4学习笔记之常用操作符,条件分支和循环用法示例
2021-08-24 03:06:43
Javascript实现数组中的元素上下移动
2024-04-22 22:36:16
python 实现创建文件夹和创建日志文件的方法
2023-07-07 11:35:10
SQL Server2005打开数据表中的XML内容时报错的解决办法
2024-01-18 01:32:12
![](https://img.aspxhome.com/file/2023/0/106200_0s.jpg)
linux下讲解MySQL安装与登录方法
2024-01-14 21:30:01
深度解析MySQL 5.7之中文全文检索
2024-01-20 22:36:55
浅谈python下tiff图像的读取和保存方法
2021-11-23 04:10:08
asp如何实现歌曲在线点播?
2010-05-19 21:32:00
python爬虫利用selenium实现自动翻页爬取某鱼数据的思路详解
2021-05-20 08:43:26
![](https://img.aspxhome.com/file/2023/2/105192_0s.jpg)
Pytorch 实现变量类型转换
2021-09-27 23:35:47
![](https://img.aspxhome.com/file/2023/0/133230_0s.png)
python如何实现MK突变检验方法,代码复制修改可用
2022-04-10 13:31:18
![](https://img.aspxhome.com/file/2023/6/134576_0s.jpg)
python 实现mysql自动增删分区的方法
2024-01-14 17:09:58
ROW_NUMBER SQL Server 2005的LIMIT功能实现(ROW_NUMBER()排序函数)
2012-06-06 20:11:21
基于PHP常用文件函数和目录函数整理
2023-06-09 22:02:34
高效利用mysql索引指南
2024-01-16 21:51:42
Python基础中所出现的异常报错总结
2023-07-14 05:33:47
![](https://img.aspxhome.com/file/2023/0/107490_0s.png)