You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
tanghe-report/doc/docs/guide/dashboard.md

110 lines
5.2 KiB
Markdown

3 years ago
## 设计大屏
进入大屏设计方法1 <br>
从报表管理模块选择需要设计的大屏,按图示进入大屏设计界面 <br>
![img](../picture/dashboard/img22.png) <br>
进入大屏设计方法2 <br>
从大屏报表模块选择需要设计的大屏,按图示进入大屏设计界面 <br>
![img](../picture/dashboard/img23.png) <br>
## 大屏简介
3 years ago
![img_2.png](../picture/dashboard/img_2.png) <br>
3 years ago
## 工具栏
3 years ago
### 文本框
3 years ago
![img_3.png](../picture/dashboard/img_3.png) <br>
![img_4.png](../picture/dashboard/img_4.png) <br>
![img_5.png](../picture/dashboard/img_5.png) <br>
![img_6.png](../picture/dashboard/img_6.png) <br>
3 years ago
### 滚动文本
已支持动态数据,请参考文本框的操作 <br>
3 years ago
3 years ago
### 超链接
3 years ago
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
3 years ago
### 当前时间
3 years ago
已支持多种时间格式其他格式请提Issue <br>
3 years ago
![img_1.png](../picture/dashboard/img_1.png) <br>
3 years ago
3 years ago
### 图片
3 years ago
![img_7.png](../picture/dashboard/img_7.png) <br>
3 years ago
3 years ago
### 视屏
3 years ago
**暂不支持循环播放**<br>
3 years ago
### 内联框架
3 years ago
当超链接和视频链接无效的时候,请尝试使用内联框架<br>
3 years ago
### 表格
3 years ago
![img](../picture/dashboard/img_22.png) <br>
3 years ago
表格字段对应的数据只选择“文本数字”。<br>
3 years ago
![img14](../picture/dashboard/img_23.png) <br>
3 years ago
**注意:** 多个字段的时候,需要在“配置-新增”添加你选择数据集所对应的字段,类似于映射关系。 <br>
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
3 years ago
3 years ago
### 柱状图
3 years ago
柱状图数据集对应字典值需要选择一个“X轴”、“柱状”只需要2个字段 <br>
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
3 years ago
3 years ago
### 柱状堆叠图
3 years ago
动态的数据集对应字典值需要选择一个“X轴”、“Y轴”、“柱状”也就是说需要3个字段不明白可以看看静态数据 <br>
3 years ago
![img.17](../picture/dashboard/img_17.png) <br>
3 years ago
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
### 折线堆叠图
3 years ago
动态的数据集对应字典值需要选择一个“X轴”、“Y轴”、“折线”也就是说需要3个字段不明白可以看看静态数据 <br>
3 years ago
![img.17](../picture/dashboard/img_17.png) <br>
3 years ago
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
3 years ago
3 years ago
### 折线图
3 years ago
折线图数据集对应字典值需要选择一个“X轴”、“折线”只需要2个字段 <br>
3 years ago
![img_8.png](../picture/dashboard/img_8.png) <br>
3 years ago
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
3 years ago
### 柱线图
3 years ago
柱线图数据集对应字典值需要选择一个“X轴”、“柱状”、“折线”需要3个字段 <br>
3 years ago
![img9](../picture/dashboard/img_9.png) <br>
3 years ago
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
3 years ago
3 years ago
### 饼图
3 years ago
饼图的数据集选择的时候只能选择饼图对应的字典即“Name”、“Value”不明白可以参考静态数据 <br>
3 years ago
![img10](../picture/dashboard/img_10.png) <br>
![img11](../picture/dashboard/img_11.png) <br>
![img12](../picture/dashboard/img_12.png) <br>
3 years ago
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
3 years ago
3 years ago
### 漏斗图
3 years ago
和饼图一样 <br>
3 years ago
![img13](../picture/dashboard/img_13.png) <br>
3 years ago
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
3 years ago
3 years ago
### 仪表盘
3 years ago
数据集只能有一个字段,且字典选择“文本数字” <br>
3 years ago
![img21](../picture/dashboard/img_21.png) <br>
3 years ago
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
3 years ago
3 years ago
### 中国地图
3 years ago
**注**:气泡地图已支持动态数据,中国地图(迁徙图)暂不支持动态数据 <br>
3 years ago
气泡地图动态数据集和饼图一样对应字典值需要选择一个“Name”、“Value”且name的字段值要和echarts图表里面的值能对应上可参考静态数据 <br>
3 years ago
![img15](../picture/dashboard/img_15.png) <br>
3 years ago
### 百分百图
3 years ago
数据集只能有一个字段,且字典选择“文本数字” <br>
3 years ago
![img16](../picture/dashboard/img_16.png) <br>
3 years ago
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
3 years ago
3 years ago
### 对比图
3 years ago
柱状对比图: <br>
数据集需要3个字段其中一个作为对比的字段只能为2种值只有2种值作为对比的字段要选择“y轴字段”字典。因为底层的解析用的是堆叠图的解析这里的y轴字段并不是指的图表上面的y轴还请注意有强迫症可以自行修改源码的解析剩下的2个字段对应字典看图<br>
![img18](../picture/dashboard/img_18.png) <br>
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
折线对比图: <br>
数据集需要3个字段其中一个作为对比的字段只能为2种值只有2种值作为对比的字段要选择“y轴字段”字典剩下的字典对应看图<br>
![img19](../picture/dashboard/img_19.png) <br>
**注**:如果提示语设置选择“十字形”,请注意需要选择 “X轴颜色、上Y轴颜色、下Y轴颜色”不然预览图表鼠标选择是全白色还请注意。<br>
![img20](../picture/dashboard/img_20.png)
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**