当前位置:   article > 正文

在pycharm里做echarts html_11、Django入门 做ECharts图

在django中使用echarts.js的tree图

1、目标:在Djang引入的adminlte框架中创建Echarts图。

2、分析

做echarts图需要引入echarts.js文件,所以需要导入echarts.js文件,又因为是初步学习,所以这里就先不写models了。

3、实施

①. 创建app

mysite>python manage.py startapp echart

②. 导入echarts.js文件

把echarts.js文件放入adminlte框架下的一个文件中。

ce1929d279b46efc013ec8d7d4c15c07.png

③. 设置setting.py

0d5ea9f433635db48cfe9b58f9671557.png

④. 设置总urls.py 和子urls.py

a80eb2552dd52b355cc3552cd6e69acf.png
c546bc8b823de00348e838729ac96b52.png

⑤. 编写views.py

from django.shortcuts import renderfrom . import models# Create your views here.def echarts(request):    return render(request, 'echart/echarts.html', locals())

⑥. 编写echarts.html

创建echarts.html文件

ea20aa7a1dfd2a6118337063a2fbbb14.png
{% extends 'base.html' %}{% load static %}{% block title %}报表{% endblock %}{% block css %}    {#    #}    {#    #}{% endblock %}{% block content %}    

汇总报表 Product Info

主页 汇总报表 {% endblock %}{% block script %} {% endblock %}

4、效果展示

b587082ad51a418f59bfd9bb5addcb9f.png
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/知新_RL/article/detail/165090
推荐阅读
相关标签
  

闽ICP备14008679号