简体中文 | English
适用于Python全栈应用开发框架Plotly Dash的组件库，基于AntV Infographic，提供丰富的信息图渲染功能。
pip install feffery-infographic| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| id | string |
- | 组件唯一 ID |
| key | string |
- | 更新当前组件的 key 值，可用于强制触发组件重绘 |
| style | dict |
- | 当前组件的 CSS 样式对象 |
| className | string |
- | 当前组件的 CSS 类名 |
| syntax | string |
- | 必填，用于定义信息图内容的语法字符串 |
| width | number | string |
- | 信息图容器宽度，支持数值或字符串（如 '100%'） |
| height | number | string |
- | 信息图容器高度，支持数值或字符串（如 '500px'） |
| padding | number | list |
- | 信息图容器内边距，支持数值或数组格式（如 [top, right, bottom, left]） |
| exportTrigger | dict |
- | 触发图片导出或下载操作的配置对象，每次更新都会触发操作并在执行后重置为空 |
| exportEvent | dict |
- | 监听最近一次图片导出事件的数据对象 |
| debugWindowInstanceName | string |
- | 调试专用，设置后会将当前组件实例挂载到 window 对象下的指定变量名 |
exportTrigger 配置详解：
type: string，导出图片的格式，可选值有'png'、'svg'，默认为'png'。dpr: number，导出'png'格式图片时的像素比，默认为1。download: boolean，是否自动触发浏览器下载，默认为True。fileName: string，下载文件的名称（不含后缀），默认为'infographic_export'。
exportEvent 结构详解：
timestamp: number，事件触发的时间戳。type: string，导出的图片格式，可能值为'png'或'svg'。data: string，导出的图片dataURL数据。
import dash
from dash import html
import feffery_infographic as fi
app = dash.Dash(__name__)
app.layout = html.Div(
[
fi.Infographic(
padding=20,
height=500,
# 定义信息图语法
syntax="""
infographic list-row-simple-horizontal-arrow
data
items
- label 步骤 1
desc 开始
- label 步骤 2
desc 进行中
- label 步骤 3
desc 完成
"""
)
]
)
if __name__ == '__main__':
app.run(debug=True)👉 https://infographic.antv.vision/learn/infographic-syntax
👉 https://infographic.antv.vision/gallery
微信公众号「玩转 Dash」，欢迎扫码关注 👇
「玩转 Dash」知识星球，海量教程案例模板资源，专业的答疑咨询服务，欢迎扫码加入 👇
