echarts 图设置高度_11、Django入门 做ECharts图

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

2、分析

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

3、实施

①. 创建app

mysite>python manage.py startapp echart

②. 导入echarts.js文件

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

③. 设置setting.py

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

⑤. 编写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文件

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

汇总报表 Product Info

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

4、效果展示