# 数据列表
[TOC]
## 1. 效果展示
![](https://img.kancloud.cn/c8/06/c8068eceac3f61131244856aaa40ac9b_948x264.png)
## 2. 添加数据列表
点击`“数据列表”`选择`“数据列表”`,即可添加数据列表
![](https://img.kancloud.cn/61/25/6125769d36839d1213bbb436e13c20aa_863x343.png)
## 3. 数据
### 3.1 静态数据
```
[
{
"title": "通知一",
"date": "2022-3-914:20:21"
},
{
"title": "通知二",
"date": "2022-3-814:20:21"
},
{
"title": "通知三",
"date": "2022-3-714:20:21"
},
{
"title": "通知四",
"date": "2022-3-414:20:21"
}
]
```
### 3.2 动态数据
[查看专题](2.动态数据使用.md)
* 动态数据集为`“数据集列表”`
* 映射关系标示:
![](https://img.kancloud.cn/b8/83/b883a37a3e1379ff3e82b69528dceee2_1078x518.png)
返回JSON数据格式:
```
[
{
"title": "5.1放假通知",
"date": "2022-3-9 14:20:21",
"remark":"假期注意事项",
"pic":"http://minio.jeecg.com/otatest/jia_1651218043542.png",
},
{
"title": "总结会议即将开始",
"date": "2022-3-8 14:20:21",
"remark":"各部门做好准备",
"pic":"",
},
{
"title": "项目评审",
"date": "2022-3-7 14:20:21",
"remark":"OA系统部分功能",
"pic":"",
},
{
"title": "日常会议",
"date": "2022-3-4 14:20:21",
"remark":"OA系统部分功能",
"pic":"",
}
]
```
## 4. 属性
### 4.1列表设置
![](https://img.kancloud.cn/ea/50/ea50863733e62917d953dddbb1c76b3a_1078x348.png)
* 显示标题前缀:是否显示
![](https://img.kancloud.cn/9d/b4/9db4c484456e10f56e5969dd1cf389e9_1109x375.png)
* 显示时间前缀:是否显示
![](https://img.kancloud.cn/f1/3b/f13b8f87b244d2dc36c2e91d29e89cbe_1078x372.png)
* 标题字体大小:显示的标题字体大小
![](https://img.kancloud.cn/96/46/9646964f821046ac596b3ea59156759b_1083x304.png)
* 布局朝向:布局样式,可选横向、纵向
![](https://img.kancloud.cn/99/7f/997fb03fb3e6767f0970d3cf6106290f_1079x561.png)
## 5. 交互
联动:[查看专题](6.4联动配置.md)
- 项目介绍
- 仪表盘/门户
- 仪表盘/门户设计常见问题
- 基础配置
- 1.基础操作
- 1.1 登录
- 1.2 新建面板使用
- 1.3 如何配置菜单
- 2. 静态数据使用
- 3. 动态数据使用
- 4. 数据集配置
- 4.1 SQL数据集
- 4.2 API数据集
- 4.3 JSON数据集
- 4.4 WebSocket数据集
- 5.字典配置
- 6.多数据源配置
- 7. 组件交互设置
- 7.1 跳转地址
- 7.2 查询配置
- 7.3 钻取配置
- 7.4 联动配置
- 7.5 自定义JS脚本
- 图表组件
- 1.基础配置项
- 1.1 卡片设置
- 1.2 标题设置
- 1.3 X轴设置
- 1.4 Y轴设置
- 1.5 提示语设置
- 1.6 坐标轴边距
- 1.7 图例设置
- 1.8 中心坐标
- 1.9 柱体设置
- 2.柱形图
- 2.1 基础柱形图
- 2.2 堆叠柱形图
- 2.3 动态柱形图
- 2.4 背景柱形图
- 2.5 对比柱形图
- 2.6 正负条形图
- 2.8 折柱图
- 3.饼图
- 4.折线图
- 4.1 普通折线图
- 4.2 平滑折线图
- 4.3 阶梯折线图
- 4.4 对比折线图
- 5.雷达图
- 5.1 普通雷达图
- 5.2 圆形雷达图
- 6.环形图
- 7.面积图
- 8.进度图
- 9. 漏斗图
- 9.1 普通漏斗图
- 9.2 金字塔漏斗图
- 10.象形图
- 11.仪表盘
- 基础仪表盘
- 多色仪表盘
- 12. 散点图
- 12.1 普通散点图
- 12.2 气泡图
- 布局组件
- 1.选项卡
- 2.栅格
- 数据列表组件
- 1.数据表格
- 2.数据列表
- 表单组件
- 1.表单
- 2.轮播图
- 3.Iframe
- 4.图片
- 5.文本
- 6.按钮
- 7.日历
- 首页常用组件
- 1.快捷导航
- 2. 统计卡片
- 3.项目列表
- 4.待办事项
- 5.最新动态
- 使用技巧
- 制作图标库
- 组件配置
- 自定义组件
- 地图组件
- 标注地图
- 散点地图
- 万能组件
- 3d柱子
- 牛气冲天
- 水球图
- 3D地图
- 数据预警示例
- 自定义属性
- 设置地图标注文字
- 设置图表标线
- 如何在自定义属性中使用数据(静态,接口,sql)