django如何显示可视化图表的实践-亚博电竞手机版

这篇文章主要介绍django如何显示可视化图表的实践,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

一实战

1django_lab\urls.py

#-*-coding:utf-8-*-  fromdjango.conf.urlsimporturl,include fromdjango.contribimportadmin  urlpatterns=[ , #定义图表url ), ]

2在settings.py中添加图表应用

installed_apps=[ 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.contenttypes', 'django.contrib.sessions', 'django.contrib.messages', 'django.contrib.staticfiles', #图表应用 'chart', ]

3 chart\urls.py

#-*-coding:utf-8-*- fromdjango.conf.urlsimporturl,include from.importviews urlpatterns=[ #折线图的url , ]

4 views.py

#-*-coding:utf-8-*- fromdjango.shortcutsimportrender fromdjango.httpimporthttpresponse  frommatplotlib.figureimportfigure frommatplotlib.backends.backend_aggimportfigurecanvasagg frommatplotlib.datesimportdateformatter importmatplotlib.pyplotasplt  importrandom importdatetime  #折线图对应的的模板 defshowlinediagram(request): returnrender(request,'chart/showlinediagram.html')

5模板showlinediagram.html

   highcharts教程|菜鸟教程(runoob.com)     
$(document).ready(function(){ vartitle={ text:'月平均气温' }; varsubtitle={ text:'source:runoob.com' }; varxaxis={ categories:['一月','二月','三月','四月','五月','六月' ,'七月','八月','九月','十月','十一月','十二月'] }; varyaxis={ title:{ text:'temperature(\xb0c)' }, plotlines:[{ value:0, width:1, color:'#808080' }] }; vartooltip={ valuesuffix:'\xb0c' } varlegend={ layout:'vertical', align:'right', verticalalign:'middle', borderwidth:0 }; varseries=[ { name:'tokyo', data:[7.0,6.9,9.5,14.5,18.2,21.5,25.2, 26.5,23.3,18.3,13.9,9.6] }, { name:'newyork', data:[-0.2,0.8,5.7,11.3,17.0,22.0,24.8, 24.1,20.1,14.1,8.6,2.5] }, { name:'berlin', data:[-0.9,0.6,3.5,8.4,13.5,17.0,18.6, 17.9,14.3,9.0,3.9,1.0] }, { name:'london', data:[3.9,4.2,5.7,8.5,11.9,15.2,17.0, 16.6,14.2,10.3,6.6,4.8] } ]; varjson={}; json.title=title; json.subtitle=subtitle; json.xaxis=xaxis; json.yaxis=yaxis; json.tooltip=tooltip; json.legend=legend; json.series=series; $('#container').highcharts(json); });

二测试结果

1浏览器输入:http://localhost:8000/chart/linediagram

2结果显示结果

以上是“django如何显示可视化图表的实践”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注恰卡编程网行业资讯频道!

展开全文
内容来源于互联网和用户投稿,文章中一旦含有亚博电竞手机版的联系方式务必识别真假,本站仅做信息展示不承担任何相关责任,如有侵权或涉及法律问题请联系亚博电竞手机版删除

最新文章

网站地图