eCharts是一款强大的图表统计工具，具体介绍可查看其官网
http://echarts.baidu.com/echarts2/index.html
下面记录一下如何在若依项目中使用eCharts。
1、下载eCharts，地址为：http://echarts.baidu.com/download.html
此处需要选择【完整】版的，另外如果需要调试的话，可以选择【源代码】版。
2、在若依项目ruoyi-admin的resources/static/js/plugins下新建echarts文件夹，将下载的echarts.min.js文件加入其中。
3、在相应template目录下新建一个testEcharts.html文件，创建相应controller层用于简单访问该页面。下面简单说明下如何在testEcharts.html中实现Echarts官方新手入门http://echarts.baidu.com/echarts2/doc/start.html中第四个参考案例。
<!DOCTYPE HTML>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<body class="gray-bg">
<div class="container-div">
<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
<div id="main" style="height:400px"></div>
</div>
<div th:include="include :: footer"></div>
<script th:src="@{/js/plugins/echarts/echarts.js}"></script>
<script th:inline="javascript">
var prefix = ctx + "finance/budge
最低0.47元/天 解锁文章
扫一扫
7143
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
