今天在改一个项目的过程中需要用到柱状图,通过查阅资料得到,柱状图的创建有两种方式,一种是使用java自带的Jfreechart来创建图表,还有一种就是业界广受好评的由百度提供的ECharts来创建图标,下面就是主要使用ECharts来创建柱状图的过程:
前提: 下载echarts.min.js文件,下载地址是:http://echarts.baidu.com/download.html(建议下载完整版的)并且将该包放到项目中,例如下图:
1. 创建html或是jsp页面,并导入echarts.min.js
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<!-- ECharts单文件引入 -->
<script src="js/echarts.min.js" ></script>
</head>
<body>
</body>
</html>
2.为ECharts准备一个具备大小(宽高)的Dom
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></