柱状堆积图Echarts
Map<String,Object> map = new HashMap<String, Object>();
//图例的千人、双百
HashMap<String, String> para3 = new HashMap<String, String>();
para3.put("parentDictCode", DatabaseConstants.PZT_RCLX);
List<CmDict> cmDictList = cmDictService.getDictAllByTypeName(para3);
List<String> legend = new ArrayList<String>();
for(CmDict cmDict:cmDictList){
legend.add(cmDict.getDictName());
}
//y轴的数据
List<String> yEntScale = new ArrayList<String>();
List<String> yEntScaleCd = new ArrayList<String>();
List<HgPztParkInfo> parkInfoList = hgPztParkInfoService.getValidParkInfoList();
for(HgPztParkInfo pztParkInfo:parkInfoList){
yEntScale.add(pztParkInfo.getParkName());
}
//查人才表里的人数
Map<String,Object> para = new HashMap<String, Object>();
List<TalentInfoVo> talentInduSeriesVoList = hgPztTalentInfoService.getTalentParkList(para);
Map<String,List<TalentInfoVo>> talentMap = new HashMap<String,List<TalentInfoVo>>();
List<InduDevelopVo> seriesVoSBList = new ArrayList<InduDevelopVo>();
for(TalentInfoVo vo : talentInduSeriesVoList){
if(talentMap.containsKey(vo.getDictName())){//去重复
List<TalentInfoVo> tempList = talentMap.get(vo.getDictName());
tempList.add(vo);
}else{
List<TalentInfoVo> tempList = new ArrayList<TalentInfoVo>();
tempList.add(vo);
talentMap.put(vo.getDictName(),tempList);
}
}
for (Map.Entry<String, List<TalentInfoVo>> entry : talentMap.entrySet()) {
Map<String, String> map1 = new HashMap<String, String>();
for (TalentInfoVo vo : entry.getValue()) {
map1.put(vo.getParkName(), vo.getCount().toString());//园区对应数据
}
List<String> valueList = new ArrayList<String>();
for (String vo : yEntScale) {//人数的值
if (map1.containsKey(vo)) {
valueList.add(map1.get(vo));
} else {
valueList.add("0");
}
}
seriesVoSBList.add(new InduDevelopVo(entry.getKey(), valueList));//软件园对应值
}
map.put("yEntScale", yEntScale);//软件园名字
map.put("talentParkLegendJson", legend);
map.put("talentParkSeriesSBJson", seriesVoSBList);
aaarticlea/png;base64,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" alt="" />
$.getJSON('/pzt/personView/talentPark.html', function (data) {
if (data.success4) {
talentParkChar.showLoading({text: '正在努力的读取数据中...'});
talentParkChar.setOption({
legend: {data: data.talentParkLegendJson},
yAxis: {data: data.yEntScale},
series:convertBarDate(data.talentParkSeriesSBJson)
});
talentParkChar.hideLoading();
} else {
alert('提示', data.msg);
}
});
function convertBarDate(lineDataList) {
var lineList = [];
for (var i = 0; i < lineDataList.length; i++) {
var item = lineDataList[i];
var value = {};
value.name = item.name;
value.type = 'bar';
//value.xAxisIndex = 1;
value.label = {normal: {show: true, position: 'top'}},
value.barWidth = '30';
value.stack = 'group1',
value.data = item.value;
lineList.push(value);
}
return lineList;
}
柱状堆积图Echarts的更多相关文章
- java项目使用Echarts 做柱状堆叠图,包含点击事件
基础知识请自行百度查看,以下直接贴出实现代码: <%@ page pageEncoding="UTF-8"%><!DOCTYPE html><html ...
- ajax实现highchart与数据库数据结合完整案例分析(三)---柱状折线图
作者原创,未经博主允许,不可转载 在前面分析和讲解了用java代码分别实现饼状图和折线图,在工作当中,也会遇到很多用ajax进行异步请求 实现highchart. 先展示一下实现的效果图: 用ajax ...
- highchart柱状堆叠图动态数据请求
$(function () { var options = { chart: { renderTo: 'indoor', type: 'column', }, title: { text: '室内问题 ...
- echarts如何做出堆积图总计的效果
首先说下,我这这数据是假数据,实际是公司做图的一部分数据自己修改了下下,不涉及泄密什么的. 第一.echarts本身是没有这个在柱子上面加total的这点大家默认下就好了,因为我不是什么前端专职程序员 ...
- ECharts图表之柱状折线混合图
Echarts 官网主页 http://echarts.baidu.com/index.html Echarts 更多项目案例 http://echarts.baidu.com/echarts2/ ...
- 用echartsjs 实现动态绘制折线、柱状等图形,并实现多图联动效果
echarts对于大数据处理后绘制折线图,柱形图等等的效果和速度都很好.下面我们介绍 怎么把封装的数据列表解析出来,动态绘图,并且实现鼠标联动效果引入js文件: <script type=&qu ...
- Echarts-画柱状,折线图
导入echarts包 <script src='../scripts/libraries/echarts/echarts-all.js'></script> 堆积图js var ...
- 使用WinForm Chart控件 制作饼装,柱状,折线图
http://blog.csdn.net/dream2050csdn/article/details/53510340 chart控件的属性很多,主要用到Chart控件图表区域的属性有五个属性 1.A ...
- 【Excel】绘图案例_常见复合图:簇状图+堆积图+折线图
前言 最近有朋友让我帮忙用excel画图,老实说我很讨厌用excel画图,点来点去,复杂一些还不能复用,非常繁琐.当然,入门也很简单.需求时不同城市.不同产品的2016和2017销量及环比数据,这应该 ...
随机推荐
- EF(Entity Framework)发生错误”正在创建模型,此时不可使用上下文“的解决办法。 正在创建模型,此时不可使用上下文。如果在 OnModelCreating 方法内使用上下文或如果多个线程同时访问同一上下文实例,可能引发此异常。请注意不保证 DbContext 的实例成员和相关类是线程安全的。 临时解决了这个问题,在Context的构造函数中,禁用了自动初始化:
解决方案: 禁止上下创建. 修改.删除,默认为true public DataDbContext() : base("name=DataDbContext") { this.Da ...
- mysql通过sql语句如何批量去掉某一个表中某一个字段的下面的相同部分字符串
今天用Excel导入的数据中,前面包含` 批量去除 UPDATE sheet2 set total=replace(total,'`','');
- C++IO关于cin>>和getline的理解
这个问题困扰了我有一段时间了,趁着十一放假有时间,仔细研究了一下 首先来看一下输入输出运算符cin>>的构成:cin和>> cin>>是由两部分构成的,cin和&g ...
- bootstrap 双层模态框的实现
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8&quo ...
- BZOJ2038 小z的袜子
题意:给一些数,然后每次询问一段区间,问从这个区间中抽走两个数,抽到相同的数的概率 正解:莫队算法 今天新学习了莫队算法,感觉好神,离线的询问好像都可以用莫队. 要不是坑爹的HNOI2016考了两道莫 ...
- C#的Invoke和BeginInvoke
在Invoke或者BeginInvoke的使用中无一例外地使用了委托Delegate,至于委托的本质请参考我的另一随笔:对.net事件的看法. 一.为什么Control类提供了Invoke和Begin ...
- CentOS terminal 安装 matlab(mode=silent)
1. 下载matlab for Unix 2014 ,需要crack文件 2. 挂载iso文件, mount -o loop,ro Mathworks.Matlab.R2014a.iso /media ...
- spring--学习之IOC DI
2.1.1 IoC是什么 Ioc-Inversion of Control,即"控制反转",不是什么技术,而是一种设计思想.在Java开发中,Ioc意味着将你设计好的对象交给容器 ...
- C#开发和调用Web Service
http://blog.csdn.net/h0322/article/details/4776819 1.1.Web Service基本概念 Web Service也叫XML Web Service ...
- Runner站立会议03
开会时间:21.10~21.30 地点:二教103 今天做了什么:Android的存储,只是存储在/date/date 文件夹下和sd卡 明天准备做什么:学习Android的数据库的使用sqlite ...