1、打开前端Vue项目kongguan_web，完成前端src/components/echart/YearWarningChart.vue页面设计
-
在YearWarningChart.vue页面添加div设计
... 接下文 .. -
初始化报表数据 data
... 接上文 ...
-
确保Hadoop、Spark、Kafka、Redis、MySQL等服务均已经正常启动，如果没有正常启动，请参照前面的安装部署任务，完成这些服务的启动。
例如：查看MySQL是否正常启动。
- 启动后端项目 BigData-KongGuan，如图启动src/main/java/com/qrsoft/BigDataKongGuanApplication.java类
-
启动前端项目 kongguan_web，代码如下
kongguan_web@0.1.0 dev /root/kongguan_web
vue-cli-service serve --open
- 报表的最终展示效果如下图所示：
