highcharts饼图展示

个人做项目期间遇到一个需要用图形来展示数据的模块 在网上找了很久 前两天是数据都拿到了 返回格式跟饼图的格式一模一样 就是不出来我想要的数据 然而今天看了一篇博主的博客发现是我想要的效果 使用了一下发现图形出来了 困扰了我这两天头疼的事情

在写展示图形的时候 js里要写两个方法  前提是dao层那边返回格式必须跟这个饼图要一样

控制层 我最后返回的是list装的map集合

/**
	 * 查询类型的count
	 * @return
	 */
	public String typeCount() {
		List > list=new ArrayList<>();
		Map dict=null ;
		try {
			List> typeCount = this.serviceBiz.typeCount(request.getParameterMap(),null);
			for (Map map : typeCount) {//再次遍历
				dict= new HashMap<>();
				String name=(String) map.get("svr_type");
				dict.put("name",name);
				dict.put("y",map.get("count"));
				list.add(dict);
			}
			System.out.println(typeCount);
			System.out.println(list);
			super.writer(list);
		} catch (InstantiationException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		} catch (IllegalAccessException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		} catch (SQLException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();

记住一点 格式name是String y是int型 这里是f12打印

1. 1. {name: "咨询", y: 1}
   2. 1:{name: "建议", y: 2}
   3. 2:{name: "投诉", y: 1}

 

最后效果：