![1275924c76f99cb90974f23e7e19b2e1.png](https://i-blog.csdnimg.cn/blog_migrate/fcdfd85ff7404e9ef8a79ca27154cf41.png)
需求:
- 图表需要不时更换数据,原始数据是 *.json
- 因为 jQuery 不支持 file 协议,但是又不想用 Web 中间件
- 提问者用 Python 做数据处理,所以可以使用 Python 的能力
实现方法:
- 用 Python 读取 json,将其处理后(如果需要),转存成一个 *.js 文件
- 由这个 js 文件完成数据变量的定义(var data = ... )
- html 中引入这个 js 文件(<head>script src="data.js"></script></head>),渲染图表
示意代码
json 数据: data.json
{
Python 转存 js 文件
# -*- coding: utf-8 -*-
html 文件(这里参照了 ECharts 的官方示例)
<!DOCTYPE html>
这三个文件,包括 echarts.min.js 发放到相同目录,JSON 文件更新了,就运行一下同级的 Python 文件,更新下 data.js,再刷新 html 页面就可以了。