广告
返回顶部
首页 > 资讯 > 数据库 >django怎么引用echarts
  • 476
分享到

django怎么引用echarts

2024-04-02 19:04:59 476人浏览 八月长安
摘要

这篇文章主要讲解了“Django怎么引用echarts”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“djanGo怎么引用echarts”吧!如果大家想用dj

这篇文章主要讲解了“Django怎么引用echarts”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“djanGo怎么引用echarts”吧!

如果大家想用django架构来制作报表平台,可以使用django+echarts

具体如何引入echarts,如下:

1、新建项目 django_report

django-admin.py startproject django_report

2、新建app report01

python manage.py startapp report01

3、建立目录

cd /chunlei/django/django_report/

mkdir static

mkdir static/js

mkdir static/CSS

mkdir static/images

cd /chunlei/django/django_report/report01

mkdir templates

mkdir templates/report01_test

4、设置配置

cd /chunlei/django/django_report/django_report

vi settings.py

STATIC_URL = '/static/'

STATIC_ROOT = os.path.join(BASE_DIR, 'static').replace('\\', '/')

STATICFILES_DIRS = (

    ('css', os.path.join(STATIC_ROOT, 'css').replace('\\', '/')),

    ('js', os.path.join(STATIC_ROOT, 'js').replace('\\', '/')),

    ('images', os.path.join(STATIC_ROOT, 'images').replace('\\', '/')),

)

TIME_ZONE = 'Asia/Shanghai'

TEMPLATES = [

    {

        'BACKEND': 'django.template.backends.django.DjangoTemplates',

        'DIRS': ['/chunlei/chunlei/django/django_report/django_report/templates'],

        'APP_DIRS': True,

        'OPTioNS': {

            'context_processors': [

                'django.template.context_processors.debug',

                'django.template.context_processors.request',

                'django.contrib.auth.context_processors.auth',

                'django.contrib.messages.context_processors.messages',

            ],

        },

    },

]

INSTALLED_APPS = [

    'django.contrib.admin',

    'django.contrib.auth',

    'django.contrib.contenttypes',

    'django.contrib.sessions',

    'django.contrib.messages',

    'django.contrib.staticfiles',

   'report01',

]

ALLOWED_HOSTS = ['*']

5、上传echarts

下载

Http://echarts.baidu.com/download.html

将下载的echarts.js 上传到 /chunlei/django/django_report/static/js/ 目录

6、url设置

cd /chunlei/django/django_report/django_report

vi urls.py

from django.conf.urls import url

from django.contrib import admin

from report01 import views as report01view

urlpatterns = [

    url(r'^report01/zhexian$',report01view.zhexian,name='zhexian'),

]

7、views.py设置

cd /chunlei/django/django_report/report01

vi views.py

from django.shortcuts import render

from django.shortcuts import render_to_response

from django.http import HttpResponse

def zhexian(request):

    return render_to_response('report01_test/zhexian.html')

8、测试网页配置

cd /chunlei/django/django_report/report01/templates/report01_test
vi zhexian.html

<head>

    <meta charset="utf-8">

    <title>ECharts</title>

    <!-- 引入 echarts.js -->

     <script type="text/javascript" src="/static/js/echarts.js"></script>

</head>

注:其他内容就不写出了,可以自由下载进行测试

9、开启

cd /chunlei/django/django_report

Python manage.py  runserver IP:PORT

10、测试

http://IP:PORT/report01/zhexian

django怎么引用echarts

感谢各位的阅读,以上就是“django怎么引用echarts”的内容了,经过本文的学习后,相信大家对django怎么引用echarts这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是编程网,小编将为大家推送更多相关知识点的文章,欢迎关注!

您可能感兴趣的文档:

--结束END--

本文标题: django怎么引用echarts

本文链接: https://www.lsjlt.com/news/59091.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • django怎么引用echarts
    这篇文章主要讲解了“django怎么引用echarts”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“django怎么引用echarts”吧!如果大家想用dj...
    99+
    2022-10-18
  • Vue项目中怎么引入ECharts
    本篇内容主要讲解“Vue项目中怎么引入ECharts”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Vue项目中怎么引入ECharts”吧!1.安装使用如下命令通过 npm 安装 EChartsn...
    99+
    2023-07-05
  • ECharts怎么使用
    本文小编为大家详细介绍“ECharts怎么使用”,内容详细,步骤清晰,细节处理妥当,希望这篇“ECharts怎么使用”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。1、canvas特点:依赖分辨率不支持事件处理器弱...
    99+
    2023-07-01
  • echarts引用数据的方法是什么
    ECharts引用数据的方法有多种,根据数据的不同来源和格式,可以选择适合的方法进行引用。以下是几种常见的引用数据的方法:1. 静态...
    99+
    2023-09-21
    echarts
  • Vue-cli3中怎么引入ECharts并实现自适应
    本篇内容介绍了“Vue-cli3中怎么引入ECharts并实现自适应”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!效果1. 安装echart...
    99+
    2023-07-02
  • Uniapp中怎么使用Echarts
    这篇文章主要介绍“Uniapp中怎么使用Echarts”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“Uniapp中怎么使用Echarts”文章能帮助大家解决问题。一、视图层画图依赖于canvas标签...
    99+
    2023-07-04
  • Django—第三方引用
    索引         一、富文本编辑器           1.1 在Admin中使用           1.2 自定义使用           1.3 显示         二、全文检索           2.1 创建引擎及索引  ...
    99+
    2023-01-31
    第三方 Django
  • Django使用echarts进行可视化展示的实践
    目录条件准备连接mysql导入数据使用echarts可视化展示本文以学生成绩折线图展示为例 条件准备 电脑上有myslq数据库 有 echarts 的 js 文件 ...
    99+
    2022-11-12
  • Python中Django与Echarts的结合用法图文详解
    目录前言什么是Echarts选一个示例-简单的饼图图形分析前端核心代码分析图形的生成基本步骤django的操作数据构造渲染关键点最终效果稍复杂示例-河流图图形分析前端核心代码分析dj...
    99+
    2022-11-11
  • Echarts中动力节点怎么用
    这篇文章主要介绍Echarts中动力节点怎么用,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!echarts太完美了:1,开源软件,无私的为我们提供漂亮的图形界面;2,使用简单,默默的...
    99+
    2022-10-19
  • angular中怎么使用echarts地图
    这篇文章将为大家详细讲解有关angular中怎么使用echarts地图,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。在angular中使用echart的时候,只需要在对应的组件生命周期中调用echart的...
    99+
    2023-06-22
  • Echarts怎么重新渲染
    这篇文章主要介绍“Echarts怎么重新渲染”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“Echarts怎么重新渲染”文章能帮助大家解决问题。当我点击饼图时,出现相应的内容,并重新渲染饼图展示内容 ...
    99+
    2023-06-30
  • vue3中echarts怎么封装
    这篇“vue3中echarts怎么封装”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“vue3中echarts怎么封装”文章吧...
    99+
    2023-07-05
  • 怎么正确封装ECharts
    这篇文章主要介绍“怎么正确封装ECharts”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“怎么正确封装ECharts”文章能帮助大家解决问题。本文涉及 : TypeScript、Vue3、 echa...
    99+
    2023-07-05
  • 怎么使用echarts制作迁徙图
    要使用Echarts制作迁徙图,需要以下步骤: 引入Echarts库。 在HTML文件中,使用标签引入Echarts库的CDN链...
    99+
    2023-10-23
    echarts
  • 怎么使用Vue+Echarts绘制饼图
    这篇文章主要介绍“怎么使用Vue+Echarts绘制饼图”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“怎么使用Vue+Echarts绘制饼图”文章能帮助大家解决问题。1 引入Echarts1.1 安...
    99+
    2023-07-05
  • vue引用echarts饼图不显示图例的解决
    目录问题描述解决方法1.echarts配置没有引入齐全2.数据名称不匹配附全部代码总结问题描述 按照官网实例编写代码后图例没有显示 legend: { dat...
    99+
    2023-02-08
    vue引用echarts饼图 echarts饼图不显示图例 vue echarts饼图
  • vue中怎么使用echarts和echarts-gl实现3D饼图环形饼图
    今天小编给大家分享一下vue中怎么使用echarts和echarts-gl实现3D饼图环形饼图的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一...
    99+
    2023-07-05
  • 怎么用Echarts实现多段圆环图
    这篇文章主要介绍“怎么用Echarts实现多段圆环图”,在日常操作中,相信很多人在怎么用Echarts实现多段圆环图问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”怎么用Echarts实现多段圆环图”的疑惑有所...
    99+
    2023-06-29
  • 怎么用ECharts画饼图和环形图
    这篇文章主要介绍“怎么用ECharts画饼图和环形图”,在日常操作中,相信很多人在怎么用ECharts画饼图和环形图问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”怎么用ECh...
    99+
    2022-10-19
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作