Python Django+Echarts将数据作可视化输出

以上为最终结果


Django是开放源代码的Web应用框架,由Python语言编写。

pip3 install django安装Django,并加入系统变量Path。

创建Django项目,并在PyCharm下的terminal输入:python manage.py startapp Reconnaissance


路由都在urls文件里,它将浏览器输入的url映射到相应的业务处理逻辑。
简单的urls编写方法如下图:



业务处理逻辑都在views.py文件里:


views.py中的函数将数据封装好,从并传入前端:


render()函数我不是太熟悉,但它会将dict_for_html这个字典(里面有我需要在页面上展示的数据)传到fundamental.html中


在fundamental.html中,引入echarts.js

    <!-- 引入 echarts.js -->
    <script src="/static/js/echarts.js"></script>
为了实时更新数据,我设置页面每日自动更新,没刷新一次页面,会自动调用对应函数一次,以获取新数据:

    <!-- 每隔一天刷新一次页面 -->
    <!-- 86320s = 24hours * 60mins * 60s - 刷新时间80s -->
    <meta http-equiv="refresh" content="86320">
获取从views.py传来的数据
    <script type="text/javascript">
        // 获取从viewspy传来的数据
        var time = {{ time|safe }};
        var signal = {{ signal|safe }};
        var state1 = {{ state1|safe }};
        var state2 = {{ state2|safe }};
利用Echart对数据作可视化展示:





Django参考教程:http://www.cnblogs.com/feixuelove1009/p/5823135.html

Echarts官网教程:http://echarts.baidu.com/tutorial.html




  • 8
    点赞
  • 161
    收藏
    觉得还不错? 一键收藏
  • 7
    评论
Django Echarts是一个基于Python数据可视化库,可用于在Django Web应用程序中绘制各种交互式图表。使用Django Echarts,用户可以轻松将复杂数据转换为易于理解的图表,从而更好地分析和展示数据。 下面是如何导入并使用Django Echarts的步骤: 步骤1:安装Django Echarts 要使用Django Echarts,首先需要在Python环境中安装echarts-python包。可以使用以下命令进行安装: pip install echarts-python 步骤2:添加Django Echarts到您的Django应用程序 将Django Echarts添加到Django应用程序中非常简单。只需在settings.py文件中的INSTALLED_APPS列表中添加'echarts'即可: INSTALLED_APPS = [ ... 'echarts', ] 步骤3:编写视图和模板 在Django视图中,将数据转换为Django Echarts可以使用的JSON格式。例如,可以编写以下代码来生成一个柱状图: from django.shortcuts import render import json from echarts import Echart, Legend, Bar, Axis def echarts(request): data = [ ['Java', 'C++', 'PHP', 'Python', 'JavaScript', 'Ruby'], ['1', '23', '12', '43', '55', '36'] ] chart = Echart('编程语言流行度') chart.use(Bar('数据')) chart.use(Legend(['数据'])) chart.use(Axis('category', 'bottom', data=data[0])) chart.use(Axis('value', 'left', name='个数')) echarts_data = json.dumps(chart.json) return render(request, 'echarts.html', {'data': echarts_data}) 在模板中,使用Django Echarts的helper函数echart()来呈现图表。例如,在HTML中可以编写以下代码来呈现刚才生成的柱状图: {% extends "base.html" %} {% load echarts_tags %} {% block content %} <h2>编程语言流行度柱状图</h2> {% echart data %} {% endblock %} 以上就是使用Django Echarts进行数据可视化的详细步骤。通过学习和实践,用户可以更好地掌握这个工具,并在自己的项目中应用它。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值