SpringData-jpa+Vue+highcharts绘制静态数据柱状图、饼图

highcharts绘制静态数据柱状图、饼图：

想了解更多可以点此链接去Echarts官网

1、创建SpringBoot项目：
使用Idead点击file，选择New Project，选择Spring InitInitializr，自行配置项目的基础配置；

2、在pom.xml文件中导入依赖：

    
        org.springframework.boot
        spring-boot-starter-data-jdbc
    
    
    
        org.springframework.boot
        spring-boot-starter-data-jpa
    
    
    
        org.springframework.boot
        spring-boot-starter-web
    

    
        mysql
        mysql-connector-java
        runtime
    
    
        org.springframework.boot
        spring-boot-starter-test
        test
        
            
                org.junit.vintage
                junit-vintage-engine
            
        
    
    
    
        javax.servlet
        javax.servlet-api
        provided
    
    
    
        javax.servlet
        jstl
    
    
    
        org.springframework.boot
        spring-boot-starter-tomcat
        provided
    
    
        org.projectlombok
        lombok
        1.16.2
    
    
    
        io.springfox
        springfox-swagger2
        2.9.2
    

    
    
        io.springfox
        springfox-swagger-ui
        2.9.2
    

3、在resource文件夹下编写application.yml配置文件：

4、创建dao,service,web,entity,config等基础包并启动项目：

5.基础弄完之后把highcharts.js等文件放到项目中。

点击此处下载以上js

绘制一个简单的图表
在绘图前我们需要为 ECharts 准备一个具备高宽的 DOM 容器。

导入js

主体代码

ajax

圆柱体代码

最后运行效果

本人也是小白 新进门 分享的同时巩固自己
如果问题联系 ：1216381744