Spring Boot整合Echarts绘制静态数据柱状图、饼图

最新推荐文章于 2024-11-02 12:56:04 发布

Connie_2022

最新推荐文章于 2024-11-02 12:56:04 发布

阅读量619

点赞数

本文链接：https://blog.csdn.net/fafa_1111/article/details/125486456

版权

本文介绍了如何在Spring Boot项目中整合Echarts，用于展示静态数据的柱状图和饼图。首先从Echarts官网下载js文件并引入项目，接着配置项目访问端点，创建HelloSpringBoot.java控制器，最后通过test.html和demo.html实现图表展示。运行项目后，可以通过http://localhost:9999/sid/hello和http://localhost:9999/sid/courseClickCount访问图表。

摘要由CSDN通过智能技术生成

Echarts官网

idea创建spring boot项目

下载echarts

把echarts.min.js文件放到项目中。

项目目录

pom.

xml


<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>
 
    <groupId>com.sid.spark</groupId>
    <artifactId>webspark</artifactId>
    <version>0.0.1-SNAPSHOT</version>
    <packaging>jar</packaging>
 
    <name>webspark</name>
    <description>Demo project for Spring Boot</description>
 
    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>2.0.3.RELEASE</version>
        <relativePath/> <!-- lookup parent f