大屏组件介绍
Forge Report 提供多种可视化组件,满足不同场景的数据展示需求。
组件分类
| 分类 | 组件 | 说明 |
|---|---|---|
| 图表 | 柱状图、折线图、饼图、面积图 | 数据可视化展示 |
| 文本 | 标题文本、滚动文本、数字面板 | 文字信息展示 |
| 媒体 | 图片、视频 | 多媒体内容展示 |
| 地图 | 中国地图、散点地图 | 地理数据展示 |
| 装饰 | 边框、装饰线、背景 | 大屏美化 |
图表组件
柱状图
| 配置项 | 说明 | 示例 |
|---|---|---|
| X 轴字段 | 分类维度 | category |
| Y 轴字段 | 数值维度 | value |
| 柱体颜色 | 柱子颜色 | #5470c6 |
| 是否堆叠 | 多系列堆叠 | 否 |
折线图
| 配置项 | 说明 | 示例 |
|---|---|---|
| X 轴字段 | 时间维度 | date |
| Y 轴字段 | 数值维度 | value |
| 线条样式 | 实线/虚线 | 实线 |
| 平滑曲线 | 是否平滑 | 是 |
| 面积填充 | 是否填充面积 | 否 |
饼图
| 配置项 | 说明 | 示例 |
|---|---|---|
| 分类字段 | 名称维度 | name |
| 数值字段 | 占比数值 | value |
| 内圈半径 | 环形图内圈占比 | 0.5 |
| 标签显示 | 是否显示标签 | 是 |
文本组件
数字面板
展示单个关键指标,支持数字动画效果:
| 配置项 | 说明 |
|---|---|
| 数值字段 | 数据源中的数值字段 |
| 前缀/后缀 | 如 ¥、% |
| 千分位 | 是否显示千分位分隔符 |
| 数字动画 | 数值变化时的过渡动画 |
| 字体样式 | 字号、颜色、粗细 |
标题文本
| 配置项 | 说明 |
|---|---|
| 文本内容 | 支持动态变量 |
| 字体样式 | 字号、颜色、对齐方式 |
| 背景设置 | 背景色或背景图 |
图片组件
| 配置项 | 说明 |
|---|---|
| 图片来源 | 静态 URL 或文件上传 |
| 适配方式 | 填充、适应、拉伸 |
| 圆角 | 图片圆角半径 |
| 边框 | 边框样式和颜色 |
地图组件
中国地图
| 配置项 | 说明 |
|---|---|
| 数据字段 | 省份名称字段 |
| 数值字段 | 各省数值 |
| 视觉映射 | 颜色渐变范围 |
| 是否散点 | 叠加散点标记 |
地图组件使用标准中国行政区划数据,省份名称需与标准名称一致。
通用属性
所有组件共享以下通用属性:
| 属性 | 说明 |
|---|---|
| 位置 | X、Y 坐标 |
| 大小 | 宽度、高度 |
| 旋转 | 旋转角度 |
| 透明度 | 0-100 |
| 层级 | 组件叠放顺序 |
| 显示条件 | 根据数据动态控制显隐 |
