Browse Source

!38 update
Merge pull request !38 from Foming/dev

Foming 3 năm trước cách đây
mục cha
commit
d28dfc00eb

+ 2 - 2
README.md

@@ -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注释),双击启动
 

+ 2 - 0
doc/docs/.vuepress/config.js

@@ -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'},
                     ]
                 },
                 {

+ 188 - 0
doc/docs/guide/charts.md

@@ -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>

+ 3 - 114
doc/docs/guide/dashboard.md

@@ -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>

+ 8 - 5
doc/docs/guide/quicklyDistribution.md

@@ -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 - 3
doc/docs/guide/quicklySource.md

@@ -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>

BIN
doc/docs/picture/charts/img.png


BIN
doc/docs/picture/charts/img_1.png


BIN
doc/docs/picture/charts/img_10.png


BIN
doc/docs/picture/charts/img_11.png


BIN
doc/docs/picture/charts/img_12.png


BIN
doc/docs/picture/charts/img_2.png


BIN
doc/docs/picture/charts/img_3.png


BIN
doc/docs/picture/charts/img_4.png


BIN
doc/docs/picture/charts/img_5.png


BIN
doc/docs/picture/charts/img_6.png


BIN
doc/docs/picture/charts/img_7.png


BIN
doc/docs/picture/charts/img_8.png


BIN
doc/docs/picture/charts/img_9.png


BIN
doc/docs/picture/dashboard/img_10.png


BIN
doc/docs/picture/dashboard/img_11.png


BIN
doc/docs/picture/dashboard/img_12.png


BIN
doc/docs/picture/dashboard/img_24.png


BIN
doc/docs/picture/dashboard/img_25.png


BIN
doc/docs/picture/quickly/img.png


BIN
doc/docs/picture/quickly/img_1.png


BIN
doc/docs/picture/quickly/img_16.png


BIN
doc/docs/picture/quickly/img_17.png


BIN
doc/docs/picture/quickly/img_18.png