|
|
|
|
## 图表和数据集之间的关系
|
|
|
|
|
|
|
|
|
|
图表和数据集是强关联关系,一个图表需要什么样的数据才能进行展示下面都有说明,以柱状图举例,只能用俩个字段的数据集进行数据展示,那使用数据集有2个以上字段那肯定图表无法正常展示,反之有个数据集是3个字段,那就找能展示3个字段的图表,千万别搞小聪明定了好多个字段的数据集,然后从里面挑几个字段进行展示,不要在么干。<br>
|
|
|
|
|
|
|
|
|
|
## 文本框
|
|
|
|
|
|
|
|
|
|
 <br>
|
|
|
|
|
 <br>
|
|
|
|
|
 <br>
|
|
|
|
|
 <br>
|
|
|
|
|
|
|
|
|
|
### 数据格式
|
|
|
|
|
|
|
|
|
|
 <br>
|
|
|
|
|
|
|
|
|
|
## 滚动文本
|
|
|
|
|
|
|
|
|
|
同上文本,操作无异 <br>
|
|
|
|
|
|
|
|
|
|
## 超链接
|
|
|
|
|
|
|
|
|
|
 <br>
|
|
|
|
|
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
|
|
|
|
|
|
|
|
|
|
## 当前时间
|
|
|
|
|
|
|
|
|
|
已支持多种时间格式,其他格式请提Issue <br>
|
|
|
|
|
 <br>
|
|
|
|
|
|
|
|
|
|
## 图片
|
|
|
|
|
|
|
|
|
|
 <br>
|
|
|
|
|
**注:** 如果没有在bootstrap.yml配置文件中没有正确配置上传下载的路径,这里肯定是失败的 <br>
|
|
|
|
|
|
|
|
|
|
## 视屏
|
|
|
|
|
|
|
|
|
|
**暂不支持循环播放**<br>
|
|
|
|
|
**注意视频的地址应是直接可以访问的,不需要登录之类** <br>
|
|
|
|
|
|
|
|
|
|
## 表格
|
|
|
|
|
|
|
|
|
|
 <br>
|
|
|
|
|
表格字段对应的数据只选择“文本数字”。<br>
|
|
|
|
|
 <br>
|
|
|
|
|
**注意:** 多个字段的时候,需要在“配置-新增”添加你选择数据集所对应的字段,类似于映射关系。 <br>
|
|
|
|
|
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
|
|
|
|
|
|
|
|
|
|
## 内联框架
|
|
|
|
|
|
|
|
|
|
当超链接和视频链接无效的时候,请尝试使用内联框架<br>
|
|
|
|
|
|
|
|
|
|
## 柱状图
|
|
|
|
|
|
|
|
|
|
柱状图数据集对应字典值需要选择一个“X轴”、“柱状”,只需要2个字段 <br>
|
|
|
|
|
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
|
|
|
|
|
|
|
|
|
|
### 数据格式
|
|
|
|
|
|
|
|
|
|
 <br>
|
|
|
|
|
|
|
|
|
|
## 柱形图-渐变色
|
|
|
|
|
|
|
|
|
|
同上柱形图,颜色调整为支持渐变色 <br>
|
|
|
|
|
|
|
|
|
|
## 折线图
|
|
|
|
|
|
|
|
|
|
折线图数据集对应字典值需要选择一个“X轴”、“折线”,只需要2个字段 <br>
|
|
|
|
|
 <br>
|
|
|
|
|
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
|
|
|
|
|
|
|
|
|
|
### 数据格式
|
|
|
|
|
|
|
|
|
|
同上柱形图数据格式 <br>
|
|
|
|
|
|
|
|
|
|
## 柱线图
|
|
|
|
|
|
|
|
|
|
柱线图数据集对应字典值需要选择一个“X轴”、“柱状”、“折线”,需要3个字段 <br>
|
|
|
|
|
 <br>
|
|
|
|
|
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
|
|
|
|
|
|
|
|
|
|
### 数据格式
|
|
|
|
|
|
|
|
|
|
 <br>
|
|
|
|
|
|
|
|
|
|
## 饼图
|
|
|
|
|
|
|
|
|
|
饼图的数据集选择的时候,只能选择饼图对应的字典,即“Name”、“Value”,不明白可以参考静态数据 <br>
|
|
|
|
|
 <br>
|
|
|
|
|
 <br>
|
|
|
|
|
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
|
|
|
|
|
|
|
|
|
|
### 数据格式
|
|
|
|
|
|
|
|
|
|
 <br>
|
|
|
|
|
|
|
|
|
|
## 漏斗图
|
|
|
|
|
|
|
|
|
|
 <br>
|
|
|
|
|
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
|
|
|
|
|
|
|
|
|
|
### 数据格式
|
|
|
|
|
|
|
|
|
|
和饼图数据格式一致。<br>
|
|
|
|
|
|
|
|
|
|
## 仪表盘
|
|
|
|
|
|
|
|
|
|
 <br>
|
|
|
|
|
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
|
|
|
|
|
|
|
|
|
|
### 数据格式
|
|
|
|
|
|
|
|
|
|
 <br>
|
|
|
|
|
|
|
|
|
|
## 中国地图
|
|
|
|
|
|
|
|
|
|
迁徙图暂不支持动态数据 <br>
|
|
|
|
|
|
|
|
|
|
## 南丁格尔玫瑰图
|
|
|
|
|
|
|
|
|
|
 <br>
|
|
|
|
|
 <br>
|
|
|
|
|
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
|
|
|
|
|
|
|
|
|
|
### 数据格式
|
|
|
|
|
|
|
|
|
|
和饼图数据格式保持一致。 <br>
|
|
|
|
|
|
|
|
|
|
## 百分百图
|
|
|
|
|
|
|
|
|
|
 <br>
|
|
|
|
|
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
|
|
|
|
|
|
|
|
|
|
### 数据格式
|
|
|
|
|
|
|
|
|
|
和仪表盘数据格式保持一致。<br>
|
|
|
|
|
|
|
|
|
|
## 气泡地图
|
|
|
|
|
|
|
|
|
|
气泡地图是中国地图气泡样式展示形式 <br>
|
|
|
|
|
气泡地图动态数据集,和饼图一样,对应字典值需要选择一个“Name”、“Value”,且name的字段值要和echarts图表里面的值能对应上,可参考静态数据 <br>
|
|
|
|
|
 <br>
|
|
|
|
|
|
|
|
|
|
## 柱状堆叠图
|
|
|
|
|
|
|
|
|
|
动态的数据集对应字典值需要选择一个“X轴”、“Y轴”、“柱状”,也就是说需要3个字段,不明白可以看看静态数据 <br>
|
|
|
|
|
 <br>
|
|
|
|
|
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
|
|
|
|
|
|
|
|
|
|
## 数据格式
|
|
|
|
|
|
|
|
|
|
 <br>
|
|
|
|
|
|
|
|
|
|
## 折线堆叠图
|
|
|
|
|
|
|
|
|
|
动态的数据集对应字典值需要选择一个“X轴”、“Y轴”、“折线”,也就是说需要3个字段,不明白可以看看静态数据 <br>
|
|
|
|
|
 <br>
|
|
|
|
|
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
|
|
|
|
|
|
|
|
|
|
### 数据格式
|
|
|
|
|
|
|
|
|
|
和柱状堆叠图数据格式保持一致。<br>
|
|
|
|
|
|
|
|
|
|
## 柱状对比图
|
|
|
|
|
|
|
|
|
|
数据集需要3个字段,其中一个作为对比的字段只能为2种值,只有2种值作为对比的字段要选择“y轴字段”字典。因为底层的解析用的是堆叠图的解析,这里的y轴字段并不是指的图表上面的y轴,还请注意,有强迫症可以自行修改源码的解析,剩下的2个字段对应字典看图<br>
|
|
|
|
|
 <br>
|
|
|
|
|
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
|
|
|
|
|
|
|
|
|
|
### 数据格式
|
|
|
|
|
|
|
|
|
|
 <br>
|
|
|
|
|
|
|
|
|
|
## 折线对比图
|
|
|
|
|
|
|
|
|
|
数据集需要3个字段,其中一个作为对比的字段只能为2种值,只有2种值作为对比的字段要选择“y轴字段”字典,剩下的字典对应看图<br>
|
|
|
|
|
 <br>
|
|
|
|
|
**注**:如果提示语设置选择“十字形”,请注意需要选择 “X轴颜色、上Y轴颜色、下Y轴颜色”,不然预览图表鼠标选择是全白色,还请注意。<br>
|
|
|
|
|

|
|
|
|
|
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
|
|
|
|
|
|
|
|
|
|
### 数据格式
|
|
|
|
|
|
|
|
|
|
和柱状对比图数据格式一致。<br>
|
|
|
|
|
|
|
|
|
|
## 装饰饼图
|
|
|
|
|
|
|
|
|
|
装饰用,可单独使用或者配合文本框等图表组件来使整个大屏立体、丰满。<br>
|
|
|
|
|
 <br>
|