发现一个用 Python 写 ECharts 的库，很有意思

ZXand618

发布于 2022-04-10 10:20:01

1K0

发布于 2022-04-10 10:20:01

文章被收录于专栏：ZXand618的ECharts之旅ZXand618的ECharts之旅

因为我不擅长写页面（非前端人员），一直想从写 HTML 改成写 Python，以前也尝试过 pyecharts 库，但是用着并不太习惯：

pyecharts 重新定义了 API，又更换了变量命名方式（ Python 常用下划线式），我本来是图省事来的，不想增加额外的学习成本……
关键还不一定够用，套上一层，肯定不如官方的配置项和 API 用起来灵活了。这就像译文与原文，必定会有失真。

今天早上通勤时刷手机，偶然发现了一个做 streamlit-echarts 的 Python 库，其中一个功能让我如获至宝，就是「st_echarts」，可以通过 JSON 配置项渲染图表，这样我就不需要再学习一套 API 了。

Streamlit - ECharts 库简介

Streamlit - ECharts A custom component to run Echarts in Streamlit session. It's basically a Streamlit wrapper over echarts-for-react. Usage This library provides 2 functions to display echarts :

st_echarts to display charts from echarts json options as Python dicts
st_pyecharts to display charts from Pyecharts instances

https://pypi.org/project/streamlit-echarts/

Streamlit - ECharts 库使用示例

示意效果

示意代码

完整代码（就几行）

# -*- coding: utf-8 -*-

from pyecharts.faker import Faker
from streamlit_echarts import st_echarts, JsCode


options = {
    "title": {
        "text": "Without HTML/JS/CSS"
    },
    "xAxis": {
        "type": "category",
        "data": Faker.choose()  # 此处也可传入数组
    },
    "tooltip": {
        "formatter": JsCode("function (params) \
            { return `${params.seriesName}<br />${params.name}：${params.value}` ;}").js_code
    },
    "yAxis": {
        "type": "value"
    },
    "series": [
        {
            "name": "fakerSeries",
            "data": Faker.values(),  # 此处也可传入数组
            "type": "line"
        }
    ],
}

events = {
    "click": "function(params) { alert(params.name) }"
}

st_echarts(options=options, events=events)

依赖安装及运行

依赖安装：