Python中如何通过外部数据文件引入百度ECharts的data数据?

最近对 Python+Flask+ECharts 数据实时可视化感兴趣,很喜欢 Echarts 在数据可视化方面强大的展现力。但最近遇到了一个关于引入外部数据文件的问题,谷歌百度了好久自己没法解决。

微博点亮中国这个例子中,是直接通过 json 格式导入的。

http://i.imgur.com/DlMgYar.png

但在全国主要城市这个例子中则是把 data = [{name: "海门", value: 9}, ...] 直接放在了 html 文件里。

http://i.imgur.com/DlMgYar.png

如何修改代码能够让全国主要城市这个例子中的 data 数据也通过引入外部数据文件的形式导入。这样的话,我就可以用 Flask 定时修改外部数据文件,让图标中的数据定时更新呢?

ps: 这个 data = [{name: "海门", value: 9}, ...] 好像还不是 json 格式的。那外部数据文件用什么文件格式保存好?


Python中如何通过外部数据文件引入百度ECharts的data数据?

17 回复

1:定义一个 js 文件来保存 data 数据,在调用前引入。
2:用 json 保存数据,在调用前转成 js 数组形式再 echart 生成图标时载入。


我理解你的问题是想在Python里用外部数据文件(比如JSON、CSV)来动态填充ECharts图表的数据,而不是把数据硬编码在Python脚本里。这个需求很常见,尤其是在数据可视化项目中。

这里我提供一个完整的解决方案,使用pyecharts库和json模块来实现。假设你有一个data.json文件,里面是ECharts需要的数据。

首先,确保安装了必要的库:

pip install pyecharts

然后看代码示例:

import json
from pyecharts.charts import Bar
from pyecharts import options as opts

# 1. 从JSON文件读取数据
def load_data_from_json(file_path):
    with open(file_path, 'r', encoding='utf-8') as f:
        data = json.load(f)
    return data

# 2. 假设你的JSON文件结构是这样的:
# {
#     "categories": ["苹果", "香蕉", "橙子"],
#     "values": [100, 200, 150]
# }

# 3. 加载数据
data = load_data_from_json('data.json')

# 4. 创建图表
bar = (
    Bar()
    .add_xaxis(data["categories"])
    .add_yaxis("销量", data["values"])
    .set_global_opts(title_opts=opts.TitleOpts(title="水果销量"))
)

# 5. 生成HTML文件
bar.render("bar_chart.html")

如果你用的是CSV文件,可以用pandas来读取:

import pandas as pd
from pyecharts.charts import Bar
from pyecharts import options as opts

# 读取CSV
df = pd.read_csv('data.csv')

# 假设CSV有两列:'fruit'和'sales'
bar = (
    Bar()
    .add_xaxis(df['fruit'].tolist())
    .add_yaxis("销量", df['sales'].tolist())
    .set_global_opts(title_opts=opts.TitleOpts(title="水果销量"))
)

bar.render("bar_chart.html")

关键点:

  • json.load()pandas.read_csv()读取外部数据
  • 将数据转换成Python列表格式
  • 直接传给pyecharts的图表方法

这样你的数据和代码就完全分离了,修改数据只需要更新数据文件,不用动Python代码。

简单总结:用标准库或pandas读取数据文件,然后传给pyecharts就行。

我不会 js,能否帮忙写下 :)

他不同图的 Json 格式是不同,但是可以肯定的是最好传递 json 后面你转数组会容易一点。

ECharts 直接用 json 的格式也是可以的吧?(我只做过简单的柱状图)

这个没编程基础真不好搞,基本的 js 还是要会的呀

真的是大实话,少了 js,只会 html&css 感觉不方便

最近看了下 echarts 的,我们是 ajax 定时取 json 数据存在数组中,然后 setOption()。

我们最近也在做一个简单的图标,用了 echarts。我们参考这个做的 http://echarts.baidu.com/gallery/editor.html?c=doc-example/tutorial-dynamic-data

我最近做的一个是用 api 每半小时获取一次天气,用 flask 和 ajax 把数据传入 echarts。后端服务器用 nginx 和 crontab,从而实现动态显示天气。

api 获取的数据存在数据库

我们是 js 的 setInteval 函数跑 ajax 每分钟取数据,然后用 echarts 的 setOption()渲染。实现动态显示的效果。基本是按照上面那个官方 demo 写的。

感觉你们的需求也可以这样实现。

对,我也是用 setInterval +ajax 来定时刷新局部页面 (也就是 echarys 图片框)

不会的话,学一下不就好啦

回到顶部