SSM+echarts动态实现数据展示

最新推荐文章于 2022-11-27 12:00:09 发布

成长的路y

最新推荐文章于 2022-11-27 12:00:09 发布

阅读量3.1k

点赞数

分类专栏： echarts 文章标签： echarts 数据可视化

本文链接：https://blog.youkuaiyun.com/qq_41508632/article/details/88747956

版权

本文介绍了如何使用SSM（Spring、SpringMVC、MyBatis）框架结合Echarts在后台动态获取数据并展示在前端图表上。通过后台编写SQL查询部门人数，然后将数据传递给Echarts进行渲染，最终实现数据可视化的例子。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前台页面：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html>
<head>
    <title>echarts</title>
    <script src="<%=basePath%>static/js/echarts.js"></script>
    <script src="<%=basePath%>static/js/jquery-3.3.1.min.js"></script>
</head>
<body>
<div id="main" style="width: 600px;height:400px;"></div>
<script type="text/javascript">
    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('main'));

    // 指定图表的配置项和数据
    var option = {
        title: {
            text: '柱状图'