echarts 获取点击的y轴数值_springboot+mybatis+echarts前后端的分离疫情防控大数据分析...

2020年的新型冠状病毒来临，大家都在家待着，我们计算机专业博士的老师让我做一个我校（本科院校）疫情防控大数据分析，我当时也刚学会springboot的增删改查和拦截器，就开始上手做这个系统，所有的技术都是初次使用，springboot第一次用，mybatis-plus（mybatis的升级版）第一次用，echarts初次使用，因为前后端传值要使用json，所以只好用前后端分离来做，刚好也可以锻炼自己，其实在做这个项目之前，也一直想学echarts的使用，但无奈网上一直没有合适的教程，我用的是 从网上找boot结合echarts的教程，没有合适的，于是就硬着头皮做这个大数据分析的项目，做了大概一周，遇到的坑很多，来回修修改改，不过自己学到了很多，所以就想写此博客记录此次开发的经历。

原文链接：

springboot+mybatis+echarts前后端的分离疫情防控大数据分析_java_书院Junmo的博客-CSDN博客​blog.csdn.net

先放几张效果图吧（敏感内容我要去掉），第一版（有各个学院的信息，所有学生的体温信息组成的那条黄线后期版本去掉了）

第二版（由于学生信息过多于是就去掉了体温的信息，保留了其他）

第三版:

（添加了一些更具体的信息，增加了查询功能）

终版：（优于部分学生所填信息不属实，就去掉了相关圆圈所显示的信息），最终的版本，可以缓一缓了。

通过此项目学到了很多很多知识:

• mysql根据汉字拼音首字母排序，

按照汉字的拼音排序

• jq对div，span等很多标签赋值、取值

input标签可以用$

• js定时器

window

• echart给坐标轴添加点击事件

myChart

• lombok插件

我的项目里使用了lombok，就不需要写get和set方法了，就很省事，开发不用写，编译的时候会把get和set方法编译到里面去

• echarts配置项详解，echarts的表格的初始化和数据刷新是分开的，先初始化，后刷新数据，这也是一个坑，后来看的官方文档。

mytextStyle

• 有一个错误困扰了我一天，我的项目打成war包部署时，一直报链接数据库有错，将csdn和博客园来回看了三遍相关的博客，最后老师一说，找到解决办法了。

错误是:“org.springframework.beans.factory.UnsatisfiedDependencyException: Error creating bean”

解决方案如下：

1) service接口实现类上有没有加@Service注解，注解是不是引用的spring的类？不要导错包

2) 接口有没有写实现类，实现类是实现的对应接口么?比如CategoryServiceImpl implementsCategoryDAO 一不小心根据自动提示，本来应该实现CategoryService,结果实现了CategoryDAO

3) 有没有扫描Service所在的

4）确保代码无误后，再看看包是否下载完整

5)查看注入是否正确

经历过以上解决办法之后我的项目还是报链接数据库有问题

解决办法如下：

&characterEncoding=utf-8

我写的ip一开始时服务器的ip，部署到服务器上，要改成127.0.0.1，具体为啥，有点玄学，有人说是版本问题。

下面具体介绍开发经历：

我用的是一个大数据分析的前端echarts模板，结合我校的需求修修改改，就把前端弄得差不多了。

在此处也学到了一些前端的知识，会在文章的最后介绍，然后就开始进入后端的开发。

pom.xml

<?xml version="1.0" encoding="UTF-8"?>

继续写配置文件，我删除了自带的applicaiton.propertites,新建了application.yml,application-dev.yml,application-prod.yml

application.yml(激活的是开发环境dev)

spring:
  profiles:
    active: dev
 

application-dev.yml

&characterEncoding=utf-8

创建entity(ma作为类对象转化成json返回前端，Spring Boot 中默认使用的 JSON 解析框架是 Jackson),我是用lombok插件，我就可以不用写get和set方法，使用@Data注解就可以

CollegeRate.java

package 

Count.java

package 

Student.java

package 

ZhiBiao.java

package 

然后开始创建mapeer和相应的xml文件

EchartMapper.java

package 

在类路径下的resources创建mapper文件夹（我前面是这样配的）

<?xml version="1.0" encoding="utf-8" ?>

然后创建service层

service.java

package 

开始写controller层代码

package 

目录结构

祝大家平安，顺利度过疫情，奥里给。