项目经验：Extjs制作饼图、折线图、柱状图

最新推荐文章于 2018-11-08 09:53:36 发布

luoenjun90

最新推荐文章于 2018-11-08 09:53:36 发布

阅读量1.2k

点赞数

分类专栏： Extjs

本文链接：https://blog.csdn.net/luoenjun90/article/details/38021123

版权

饼图：

实际项目例子

后台action代码：

/**
	 * 1.水质类别比例 根据选择时段、选择测站查询水质站评价结果 结果根据水质类别进行汇总
	 */
	@Action(value = "getWQPercentageMap", className = "wqerStatisticsAction")
	public String getWQPercentageMap(){
		Map<String,Double> wqpercentageMap = new LinkedHashMap<String, Double>();
		List<KeyValueBean> list = new ArrayList<KeyValueBean>();
		wqersModel = this.getQueryParam(wqersModel);
		List<ZxDDbsszzpjjg> dbsszzpjjgList =  wqerStatisticsService.getWQPercentageList(wqersModel);
		wqpercentageMap = this.getWqpercentageMap(dbsszzpjjgList);
		Set<Map.Entry<String, Double>> entrySet=wqpercentageMap.entrySet();
		for (Map.Entry<String, Double> entry : entrySet) {
			KeyValueBean keyValueBean = new KeyValueBean();
			if(entry.getKey().equals("1")){
				keyValueBean.setKey("I");
			}else if(entry.getKey().equals("2")){
				keyValueBean.setKey("II");
			}else if(entry.getKey().equals("3")){
				keyValueBean.setKey("III");
			}else if(entry.getKey().equals("4")){
				keyValueBean.setKey("IV");
			}else if(entry.getKey().equals("5")){
				keyValueBean.setKey("V");
			}else if(entry.getKey().equals("6")){
				keyValueBean.setKey("劣V");
			}
			keyValueBean.setValue(entry.getValue());
			list.add(keyValueBean);
		}
		JsonConfig config = JsonUtil.getDealDateJsonConfig(DateUtil.Date_YMDHM);
		config = JsonUtil.getDealDoubleNullJsonConfig(config);
		jsonStr=JSONArray.fromObject(list, config).toString();
		jsonStr = JsonUtil.createSuccessJson(jsonStr, (list==null?0:list.size()));
		return BaseConstants.JSON;
	}

js代码：

//1.水质类别比例 根据选择时段、选择测站查询水质站评价结果 结果根据水质类别进行汇总
function getWQPercentageMap(){
	document.getElementById("myTab_Content1").innerHTML='';
	var xzsd =document.getElementById("wqersModel.xzsd").value;
	var xzzd =document.getElementById("wqersModel.xzzd").value;
	if(xzsd!=null&&xzsd!=""&&xzzd!=null&&a