Merge pull request !38 from Foming/dev
Foming 3 years ago committed by Gitee
commit d28dfc00eb

@ -41,7 +41,7 @@
│ ├── start.sh
│ └── stop.sh
├── conf 配置文件目录
│ └── bootstrap-dev.yml
│ └── bootstrap.yml
├── logs 启动日志目录
├── cache 本地缓存目录
├── lib 自定义扩展包&report-core核心包
@ -107,7 +107,7 @@ sh build.sh
unzip aj-report-xxxx.zip
cd aj-report-xxxx
vim conf/bootstrap-dev.yml 修改数据库连接等信息
vim conf/bootstrap.yml 修改数据库连接等信息
sh bin/start.sh Linux启动
bin/start.bat Windows修改第4行的JAVA_HOME后(去掉rem注释),双击启动

@ -26,6 +26,7 @@ module.exports = {
{title: '简介', path: '/guide/'},
{title: '谁在使用', path: '/guide/briefUsing'},
{title: '技术支持', path: '/guide/briefSupport'},
{title: '更多案例', path: '/guide/bigScreenCase'},
]
},
{
@ -55,6 +56,7 @@ module.exports = {
{title: '大屏报表', path: '/guide/dashboard'},
{title: '表格报表', path: '/guide/execl'},
{title: '导入导出', path: '/guide/importexport'},
{title: '图表组件', path: '/guide/charts'},
]
},
{

@ -0,0 +1,188 @@
## 图表和数据集之间的关系
图表和数据集是强关联关系一个图表需要什么样的数据才能进行展示下面都有说明以柱状图举例只能用俩个字段的数据集进行数据展示那使用数据集有2个以上字段那肯定图表无法正常展示反之有个数据集是3个字段那就找能展示3个字段的图表千万别搞小聪明定了好多个字段的数据集然后从里面挑几个字段进行展示不要在么干。<br>
## 文本框
![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>
### 数据格式
![img1](../picture/charts/img.png) <br>
## 滚动文本
同上文本,操作无异 <br>
## 超链接
![img2](../picture/charts/img_1.png) <br>
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
## 当前时间
已支持多种时间格式其他格式请提Issue <br>
![img_1.png](../picture/dashboard/img_1.png) <br>
## 图片
![img_7.png](../picture/dashboard/img_7.png) <br>
**注:** 如果没有在bootstrap.yml配置文件中没有正确配置上传下载的路径这里肯定是失败的 <br>
## 视屏
**暂不支持循环播放**<br>
**注意视频的地址应是直接可以访问的,不需要登录之类** <br>
## 表格
![img](../picture/dashboard/img_22.png) <br>
表格字段对应的数据只选择“文本数字”。<br>
![img14](../picture/dashboard/img_23.png) <br>
**注意:** 多个字段的时候,需要在“配置-新增”添加你选择数据集所对应的字段,类似于映射关系。 <br>
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
## 内联框架
当超链接和视频链接无效的时候,请尝试使用内联框架<br>
## 柱状图
柱状图数据集对应字典值需要选择一个“X轴”、“柱状”只需要2个字段 <br>
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
### 数据格式
![img3](../picture/charts/img_2.png) <br>
## 柱形图-渐变色
同上柱形图,颜色调整为支持渐变色 <br>
## 折线图
折线图数据集对应字典值需要选择一个“X轴”、“折线”只需要2个字段 <br>
![img_8.png](../picture/dashboard/img_8.png) <br>
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
### 数据格式
同上柱形图数据格式 <br>
## 柱线图
柱线图数据集对应字典值需要选择一个“X轴”、“柱状”、“折线”需要3个字段 <br>
![img9](../picture/dashboard/img_9.png) <br>
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
### 数据格式
![img5](../picture/charts/img_4.png) <br>
## 饼图
饼图的数据集选择的时候只能选择饼图对应的字典即“Name”、“Value”不明白可以参考静态数据 <br>
![img8](../picture/charts/img_8.png) <br>
![img9](../picture/charts/img_9.png) <br>
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
### 数据格式
![img6](../picture/charts/img_5.png) <br>
## 漏斗图
![img13](../picture/dashboard/img_13.png) <br>
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
### 数据格式
和饼图数据格式一致。<br>
## 仪表盘
![img21](../picture/dashboard/img_21.png) <br>
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
### 数据格式
![img7](../picture/charts/img_6.png) <br>
## 中国地图
迁徙图暂不支持动态数据 <br>
## 南丁格尔玫瑰图
![img71](../picture/charts/img_7.png) <br>
![img10](../picture/charts/img_10.png) <br>
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
### 数据格式
和饼图数据格式保持一致。 <br>
## 百分百图
![img16](../picture/dashboard/img_16.png) <br>
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
### 数据格式
和仪表盘数据格式保持一致。<br>
## 气泡地图
气泡地图是中国地图气泡样式展示形式 <br>
气泡地图动态数据集和饼图一样对应字典值需要选择一个“Name”、“Value”且name的字段值要和echarts图表里面的值能对应上可参考静态数据 <br>
![img15](../picture/dashboard/img_15.png) <br>
## 柱状堆叠图
动态的数据集对应字典值需要选择一个“X轴”、“Y轴”、“柱状”也就是说需要3个字段不明白可以看看静态数据 <br>
![img.17](../picture/dashboard/img_17.png) <br>
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
## 数据格式
![img4](../picture/charts/img_3.png) <br>
## 折线堆叠图
动态的数据集对应字典值需要选择一个“X轴”、“Y轴”、“折线”也就是说需要3个字段不明白可以看看静态数据 <br>
![img.17](../picture/dashboard/img_17.png) <br>
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
### 数据格式
和柱状堆叠图数据格式保持一致。<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>**
### 数据格式
![img11](../picture/charts/img_11.png) <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>**
### 数据格式
和柱状对比图数据格式一致。<br>
## 装饰饼图
装饰用,可单独使用或者配合文本框等图表组件来使整个大屏立体、丰满。<br>
![img12](../picture/charts/img_12.png) <br>

@ -13,118 +13,7 @@
![img_2.png](../picture/dashboard/img_2.png) <br>
## 工具栏
![img24](../picture/dashboard/img_24.png) <br>
### 文本框
![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>
### 滚动文本
已支持动态数据,请参考文本框的操作 <br>
### 超链接
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
### 当前时间
已支持多种时间格式其他格式请提Issue <br>
![img_1.png](../picture/dashboard/img_1.png) <br>
### 图片
![img_7.png](../picture/dashboard/img_7.png) <br>
### 视屏
**暂不支持循环播放**<br>
### 内联框架
当超链接和视频链接无效的时候,请尝试使用内联框架<br>
### 表格
![img](../picture/dashboard/img_22.png) <br>
表格字段对应的数据只选择“文本数字”。<br>
![img14](../picture/dashboard/img_23.png) <br>
**注意:** 多个字段的时候,需要在“配置-新增”添加你选择数据集所对应的字段,类似于映射关系。 <br>
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
### 柱状图
柱状图数据集对应字典值需要选择一个“X轴”、“柱状”只需要2个字段 <br>
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
### 柱状堆叠图
动态的数据集对应字典值需要选择一个“X轴”、“Y轴”、“柱状”也就是说需要3个字段不明白可以看看静态数据 <br>
![img.17](../picture/dashboard/img_17.png) <br>
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
### 折线堆叠图
动态的数据集对应字典值需要选择一个“X轴”、“Y轴”、“折线”也就是说需要3个字段不明白可以看看静态数据 <br>
![img.17](../picture/dashboard/img_17.png) <br>
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
### 折线图
折线图数据集对应字典值需要选择一个“X轴”、“折线”只需要2个字段 <br>
![img_8.png](../picture/dashboard/img_8.png) <br>
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
### 柱线图
柱线图数据集对应字典值需要选择一个“X轴”、“柱状”、“折线”需要3个字段 <br>
![img9](../picture/dashboard/img_9.png) <br>
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
### 饼图
饼图的数据集选择的时候只能选择饼图对应的字典即“Name”、“Value”不明白可以参考静态数据 <br>
![img10](../picture/dashboard/img_10.png) <br>
![img11](../picture/dashboard/img_11.png) <br>
![img12](../picture/dashboard/img_12.png) <br>
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
### 漏斗图
和饼图一样 <br>
![img13](../picture/dashboard/img_13.png) <br>
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
### 仪表盘
数据集只能有一个字段,且字典选择“文本数字” <br>
![img21](../picture/dashboard/img_21.png) <br>
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
### 中国地图
**注**:气泡地图已支持动态数据,中国地图(迁徙图)暂不支持动态数据 <br>
气泡地图动态数据集和饼图一样对应字典值需要选择一个“Name”、“Value”且name的字段值要和echarts图表里面的值能对应上可参考静态数据 <br>
![img15](../picture/dashboard/img_15.png) <br>
### 百分百图
数据集只能有一个字段,且字典选择“文本数字” <br>
![img16](../picture/dashboard/img_16.png) <br>
**如有问题,请提交 [Issue](https://gitee.com/anji-plus/report/issues) <br>**
### 对比图
柱状对比图: <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>**
## 图层
![img25](../picture/dashboard/img_25.png) <br>

@ -1,6 +1,6 @@
```
第一步下载zip包解压<br>
第二步conf->bootstrap-dev.yml修改mysql连接<br>
第二步conf->bootstrap.yml修改mysql连接<br>
第三步启动bin目录下start.sh<br>
第四步,访问 http://localhost:9095
```
@ -8,13 +8,12 @@
## 下载发行版
[下载地址](https://gitee.com/anji-plus/report/releases) https://gitee.com/anji-plus/report/releases <br>
![img.png](../picture/quickly/img.png) <br>
![img.png](../picture/quickly/img_16.png) <br>
## 修改mysql连接
解压下载好的Zip包找到bootstrap-dev.yml <br>
report-core-XXX --> conf --> bootstrap-dev.yml <br>
![img_1.png](../picture/quickly/img_1.png) <br>
解压下载好的Zip包找到bootstrap.yml <br>
![img_1.png](../picture/quickly/img_17.png) <br>
将图中关于mysql的连接配置信息换成你使用的IP <br>
**注**aj_report库是存放底层基础信息的库flyway启动时会自动建立如果你在这里修改了库将会出错 <br>
@ -34,6 +33,10 @@ aj-report-XXX --> bin -->sh start.sh <br>
windows启动<br>
aj-report-XXX --> bin --> start.bat <br>
![img18](../picture/quickly/img_18.png) <br>
如果start.bat启动有问题的话可以尝试以下方法解决。<br>
修改第4行的JAVA_HOME改成你自己的JAVA_HOME并去掉**rem**注释,双击启动<br>
![java.png](../picture/quickly/img_7.png) <br>
**注**如果你JAVA_HOME目录存在空格将bat文件最下面的JAVA_HOME添加""号

@ -6,7 +6,7 @@ sh build.sh
unzip aj-report-xxxx.zip
cd aj-report-xxxx
vim conf/bootstrap-dev.yml 修改数据库连接、上传文件的路径以及地址
vim conf/bootstrap.yml 修改数据库连接、上传文件的路径以及地址
sh bin/start.sh
访问
@ -36,8 +36,8 @@ git clone https://gitee.com/anji-plus/report.git <br>
## 修改mysql连接
解压aj-report-xxxx.zip找到bootstrap-dev.yml <br>
![img_1.png](../picture/quickly/img_1.png) <br>
解压aj-report-xxxx.zip找到bootstrap.yml <br>
![img_1.png](../picture/quickly/img_17.png) <br>
将图中关于mysql的连接配置信息换成你使用的IP <br>
**注**aj_report库是存放底层基础信息的库flyway启动时会自动建立如果你在这里修改了库将会出错 <br>
@ -52,9 +52,12 @@ git clone https://gitee.com/anji-plus/report.git <br>
## 启动
linux启动 <br>
aj-report-XXX --> bin --> start.sh <br>
sh bin/start.sh <br>
注意啊如果你在linux打包然后在win上执行要转化start.bat文件的格式反之也是一样。
## 日志位置
看到控制台提示“The AJ-Report started!”说明report正在启动可以看看日志以确定程序启动到哪里了。<br>

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 39 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 66 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 38 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 37 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 31 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 37 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.7 KiB

Loading…
Cancel
Save