如何在django 引入echarts.js（django导入excel）

在Django中引入echarts.js通常涉及以下几个步骤：

1. 安装和配置静态文件目录：

在Django项目的根目录下创建一个名为static的文件夹（如果还没有的话）。

在static文件夹内，创建一个js子文件夹。

2. 下载Echarts：

访问Echarts官网，选择合适的版本下载。通常会下载到一个压缩包，解压后找到echarts.min.js或echarts.js文件。

3. 放置Echarts文件：

将echarts.min.js或echarts.js文件移动到static/js目录下。

4. 配置settings.py：

• 打开settings.py文件，确保有以下配置：

 STATIC_URL = '/static/' STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static')]

BASE_DIR通常是指你的项目根目录。实在不知道BASE_DIR是什么，可以在settings.py中增加一行打印信息：

print(BASE_DIR)

然后运行Django，查看命令行即可看到其值。

• 配置urls.py：

在项目的urls.py或app的urls.py中，如果还没包含静态文件URL配置，添加以下代码：

 from django.conf import settings
 from django.conf.urls.static import static
 urlpatterns = [ 
   # ... your other URL patterns here ... 
 ] + static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)

注意，这通常只适用于开发环境。在生产环境中，静态文件应由Web服务器（如Nginx或Apache）处理。

5. 在HTML模板中引用Echarts：

在你的HTML模板中，使用{% static %}模板标签来引用echarts.js：

 <script src="{% static 'js/echarts.min.js' %}"></script>

编写Echarts图表：

在HTML模板中，添加一个用于显示Echarts图表的div元素，并在<script>标签中编写初始化Echarts的JavaScript代码。

在你的HTML模板顶部，确保导入了static标签库。通常，这需要在{% load static %}标签下完成。如果模板中缺少这一行，添加它：

{% load static %}

这行代码告诉Django模板引擎加载内置的static标签库，使得你可以使用{% static %}来引用静态文件。

确认你正在编辑的模板文件是.html后缀，因为Django默认只在.html文件中自动加载模板标签库。如果不是，你可能需要在模板的{% extends %}或{% include %}标签中明确指定_loader_tags参数，例如：

{% extends "base.html" loader_tags="django.templatetags.static" %}

检查你的模板继承结构，确保父模板（如base.html）中已经包含了{% load static %}。如果在父模板中加载了static，那么子模板就不需要再次加载。

6. 运行collectstatic：

在生产环境部署时，确保执行了python manage.py collectstatic命令，该命令会将所有应用的静态文件收集到STATIC_ROOT指定的目录，通常是STATIC_URL对应的服务器路径。

按照这些步骤操作，你应该能够在Django项目中成功引入并使用Echarts。如果在过程中遇到问题，请提供具体错误信息，以便进行进一步的诊断。

7. 执行效果如下：