# 统计卡片 [TOC] ## 1. 效果展示  ## 2. 添加统计卡片 点击`“表单组件”`选择`“统计卡片”`，即可添加统计卡片  ## 3. 数据 ### 3.1 静态数据 * 使用静态数据时，可直接在静态数据输入框中，输入JSON icon图标使用：[查看专题](制作图标库.md)  * JSON数据格式： ``` [ { "title": "访问数", "icon": "icon-jeecg-qianbao", "value": 2000, "total": 120000, "color": "green", "action": "月" }, { "title": "成交额", "icon": "icon-jeecg-youhuiquan", "value": 20000, "total": 500000, "color": "blue", "action": "月" }, { "title": "下载数", "icon": "icon-jeecg-tupian", "value": 8000, "total": 120000, "color": "orange", "action": "周" }, { "title": "成交数", "icon": "icon-jeecg-jifen", "value": 5000, "total": 50000, "color": "purple", "action": "年" } ] ``` ### 3.2 动态数据 [查看专题](2.动态数据使用.md) * API数据集返回JSON格式：同静态数据格式 * 定时刷新(单位:秒) 配置秒数时，接口数据修改后，可自动刷新数据  ## 4. 属性  * 水平间距：设置水平间距 * 垂直间距：设置垂直间距 * 宽度占比：设置宽度占比 **注：修改卡片个数时，如将默认4个修改为少于或多余4个时，需重新设置宽度占比，一行展示不全时，会换行展示；如下图：**  * 图表大小：设置图表大小 * 图标库：[查看专题](制作图标库.md) ### 4.2 卡片设置 [查看专题](1.1卡片.md) ## 5. 交互(暂无)