基于SpringMVC框架使用ECharts3.0实现堆叠条形图的绘制(下篇)
- <script type="text/javascript">
- $().ready(function() {
- var myChart = echarts.init(document.getElementById('main'));
- //图表显示提示信息
- myChart.showLoading();
- //定义图表options
- option = {
- tooltip : {
- trigger : 'axis',
- axisPointer : { // 坐标轴指示器,坐标轴触发有效
- type : 'shadow' // 默认为直线,可选为:'line' | 'shadow'
- }
- },
- legend : {
- data : []
- },
- grid : {
- left : '3%',
- right : '4%',
- bottom : '3%',
- containLabel : true
- },
- xAxis : {
- type : 'value'
- },
- yAxis : {
- type : 'category',
- data : []
- },
- series : []
- };
- //通过Ajax获取数据
- $.ajax({
- type : "post",
- async : false, //同步执行
- url : "showEchartFoldBar.action",
- dataType : "json", //返回数据形式为json
- success : function(result) {
- if (result) {
- //将返回的category和series对象赋值给options对象内的category和series
- //因为xAxis是一个数组 这里需要是xAxis[i]的形式
- option.legend.data = result.legend;
- option.yAxis.data = result.category;
- var serisdata = result.series[0].data;
- var datas = [];
- for ( var i = 0; i < serisdata.length; i++) {
- datas.push({
- name : serisdata[i].name,
- type : serisdata[i].type,
- stack : serisdata[i].stack,
- label : {
- normal : {
- show : true,
- position : 'insideRight'
- }
- },
- data : serisdata[i].data,
- });
- }
- option.series = datas;
- myChart.hideLoading();
- myChart.setOption(option);
- }
- },
- error : function(errorMsg) {
- alert("图表请求数据失败啦!");
- }
- });
- });
- </script>
- @RequestMapping("/showEchartFoldBar")
- @ResponseBody
- public EchartData FoldBarData() {
- List<String> legend = new ArrayList<String>();
- List<Visit> vis1 = visitBiz.findByCondition(new Visit(null, "星期一", null, null));
- for (Visit visit : vis1) {
- legend.add(visit.getName());
- }
- List<String> category = new ArrayList<String>();
- List<Visit> vis2 = visitBiz.findByCondition(new Visit(null,null, null,"邮件营销"));
- for (Visit visit : vis2) {
- category.add(visit.getWeek());
- }
- List<Map> serisData=new ArrayList<Map>();
- List<String> name = visitBiz.selectName();
- for (String str : name) {
- Map map =new HashMap();
- map.put("name",str);
- List<Visit> lis = visitBiz.findByCondition(new Visit(null, null, null, str));
- List<Long> data=new ArrayList<Long>();
- for (Visit visit : lis) {
- data.add(visit.getCount());
- }
- map.put("data", data);
- map.put("type", "bar");
- map.put("stack", "总量");
- serisData.add(map);
- }
- List<Series> series = new ArrayList<Series>();// 纵坐标
- series.add(new Series(null,null,serisData));
- EchartData data = new EchartData(legend,category, series);
- return data;
- }
- public class Visit {
- private Integer id;
- private String week;
- private Long count;
- private String name;
基于SpringMVC框架使用ECharts3.0实现堆叠条形图的绘制(下篇)的更多相关文章
- 基于SpringMVC框架使用ECharts3.0实现折线图,柱状图,饼状图,的绘制(上篇)
页面部分 <%@ page language="java" pageEncoding="UTF-8"%> <!DOCTYPE html> ...
- 【PHP】基于ThinkPHP框架搭建OAuth2.0服务
[PHP]基于ThinkPHP框架搭建OAuth2.0服务 http://leyteris.iteye.com/blog/1483403
- JAVA WEB快速入门之从编写一个基于SpringMVC框架的网站了解Maven、SpringMVC、SpringJDBC
接上篇<JAVA WEB快速入门之通过一个简单的Spring项目了解Spring的核心(AOP.IOC)>,了解了Spring的核心(AOP.IOC)后,我们再来学习与实践Maven.Sp ...
- 基于SpringMVC框架项目Demo
Git地址:https://github.com/JavaWeb1024/SpringMVC 1. 框架简介: 为打造一套集群高可用的框架,集成的技术目前比较成熟,稳定.相关的知识点在网络上也 ...
- SpringMVC快速使用——基于XML配置和Servlet3.0
SpringMVC快速使用--基于XML配置和Servlet3.0 1.官方文档 https://docs.spring.io/spring-framework/docs/5.2.8.RELEASE/ ...
- SpringMVC框架搭建 基于注解
本文将以一个很简单的案例实现 Springmvc框架的基于注解搭建,一下全为个人总结 ,如有错请大家指教!!!!!!!!! 第一步:创建一个动态web工程(在创建时 记得选上自动生成 web.xml ...
- 基于SpringMVC下的Rest服务框架搭建【1、集成Swagger】
基于SpringMVC下的Rest服务框架搭建[1.集成Swagger] 1.需求背景 SpringMVC本身就可以开发出基于rest风格的服务,通过简单的配置,即可快速开发出一个可供客户端调用的re ...
- 基于SpringMVC+Ext.js的权限管理系统(无权限框架)
代码地址如下:http://www.demodashi.com/demo/12811.html 0.准备工作 注意!!! 本案例数据库相关请下载例子包,内有数据库脚本.EXCEL数据表和详细的设计文档 ...
- 基于maven从头搭建springMVC框架
0.准备工作 首先将eclipse和需要的插件准备好,例如maven插件,spring IDE插件. 1.建立maven下的webapp项目 1.新建一个maven项目,类型为webapp,如下图 2 ...
随机推荐
- python模拟浏览器webdriver登陆网站后抓取页面并输出
关键在于以下两行代码 特别是find_element_by_xpath写法 很多写成 findElementsByXpath不知道是写错了 还是高级版本是这么写的... #webElement = s ...
- hdu 1527 威佐夫博弈
取石子游戏 Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others)Total Submi ...
- 构建maven的web项目时注意的问题(出现Error configuring application listener of class org.springframework.web.context.ContextLoaderListener 或者前端控制器无法加载)
构建项目后或者导入项目后,我们需要bulid path--->config build path 特别是maven的依赖一定要 发布到WEB_INF的lib下面,不然在发布项目的时候,这些依赖都 ...
- jQuery中文文档
http://www.jquery123.com/ http://www.shifone.cc/
- 转载:LINK:fatal error LNK1123: 转换到 COFF 期间失败: 文件无效或损坏
原文地址:http://yacare.iteye.com/blog/2010049 很多伙伴在更新VS2010,或者卸载VS2012安装2010后,建立Win32 Console Project/MF ...
- cf575A Fibonotci
Fibonotci sequence is an integer recursive sequence defined by the recurrence relation Fn = sn - 1·F ...
- Autorelease对象什么时候释放?
Autorelease机制是iOS开发者管理对象内存的好伙伴,MRC中,调用[obj autorelease]来延迟内存的释放是一件简单自然的事,ARC下,我们甚至可以完全不知道Autorelease ...
- MyBatipse插件
MyBatipse:Eclipse 下的 Mybatis插件 MyBatipse是Eclipse的一个插件,提供了内容提示和Mybatis的配置文件验证功能: 特点 XMLEditor 的增强 代码自 ...
- ElasticSearch聚合aggs入门
Elasticsearch是一款功能强大的开源软件,不仅可以检索排序,还可以对文档进行更复杂的操作--聚合. 1.单值聚合 Sum求和,dsl参考如下: { "size": 0, ...
- AOP面向方面(切面)编程
1.引言 软件开发的目标是要对世界的部分元素或者信息流建立模型,实现软件系统的工程需要将系统分解成可以创建和管理的模块.于是出现了以系统模块化特性的面向对象程序设计技术.模块化的面向对象编程极度极地提 ...