基于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 ...
随机推荐
- PYDay14:反射、面向对象基础-封装、集成、多态
1.反射 通过字符串的形式,导入模块再通过字符串的形式,去模块中寻找指定的函数并执行eg:__import__(模块) 更加字符串的形式去对象(某个模块)中操作其成员 常用方法: getattr() ...
- ubuntu搭建LAMP全教程
http://jingyan.baidu.com/article/a681b0de36ad683b18434691.html 本经验向你展示如何在ubuntu14.04 环境下搭建apache2 + ...
- HDU 3943 K-th Nya Number
K-th Nya Number Time Limit: 1000ms Memory Limit: 65536KB This problem will be judged on HDU. Origina ...
- 【UML】9种图+包图
导读:在UML的学习中,介绍了9种图,外加一个包图.这9种图和4大关系,可以说是UML的一个核心内容.我根据自己的笔记,以及查阅的一些资料,对这9种图和包图,做一个总结. 一.基本定义 1.1 总体 ...
- SPOJ - DQUERY 主席树求区间有多少个不同的数(模板)
D-query Time Limit: 227MS Memory Limit: 1572864KB 64bit IO Format: %lld & %llu Submit Status ...
- 九度oj 题目1207:质因数的个数
题目描述: 求正整数N(N>1)的质因数的个数. 相同的质因数需要重复计算.如120=2*2*2*3*5,共有5个质因数. 输入: 可能有多组测试数据,每组测试数据的输入是一个正整数N,(1&l ...
- Wing IDE 6.0 算号器注册机代码
我开发Python时喜欢用Wing IDE, 然后最近发现Wing IDE升级到6.0版本了, 但是之前能在5.1上用的算号器代码不能用在6.0上了, 所以就上网搜搜是否有相关算号器, 果然, 找到了 ...
- mybatis配置报错(properties?,settings?,typeAliases?,typeHandlers?,objectFactory?,objectWrapperFactory?,reflectorFactory?,plugins?,environments?,databaseIdProvider?,mappers?)
如下报错:解决方案:要按照提示的顺序添加属性,(properties?,settings?,typeAliases?,typeHandlers?,objectFactory?,objectWrappe ...
- 【Educational Codeforces Round 49 (Rated for Div. 2) 】
A:https://www.cnblogs.com/myx12345/p/9843826.html B:https://www.cnblogs.com/myx12345/p/9843869.html ...
- C#.net的常用函数列表
原文发布时间为:2008-08-03 -- 来源于本人的百度文章 [由搬家工具导入] 1、DateTime 数字型 System.DateTime currentTime=new System.Dat ...