Question

如何在django中使用Echarts的js文件

Answer 1

1. 选择正确的echarts.js，开发版选择echarts.baidu.com上的源码版，避免出现问题

2. 在项目主目录中新建static文件夹，里面建立js、css、images文件夹

3. 在settings文件中新增如下代码配置：

复制代码
STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'static')
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('\\', '/')),
)
复制代码
4. 在html页面引入本地js文件static/js/echarts.js

<script type="text/javascript" src="/static/js/echarts.js"></script>
5. 启动python Django服务器

python3 manage.py runserver
6. 刷新页面，OK

成功将网络echarts.js文件改成引用本地echarts.js文件