echart的玩玩(草稿，controller被我丢了)

一个功能，心有不甘，我的代码：

<%--
  Created by IntelliJ IDEA.
  User: zhen
  Date: 2017-05-31
  Time: 13:28
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>首页</title>
</head>
<body>
<div class="bjui-pageHeader">
    <form id="searchThird" action="${pageContext.request.contextPath}/register_statistics/third_party/query"  data-toggle="ajaxsearch">
        <label>开始时间：</label>
        <input name="startTime" id="startTime" value="${start}" data-toggle="datepicker" class="form-control" size="15" data-pattern="yyyy-MM-dd" />
        <label>结束时间：</label>
        <input name="endTime" id="endTime" value="${end}" data-toggle="datepicker" class="form-control" size="15" data-pattern="yyyy-MM-dd"/>
        <a  data-icon="search"  class="btn btn-default" href="#" data-toggle="doajax" data-callback="my_callback" onclick="userLoginMessageExport(this)">查询</a>
    </form>
</div>
<div id="main" style="mini-width: 400px; height: 350px"></div>
<script type="text/javascript">
  function userLoginMessageExport(obj){
      var formData = $("#searchThird").serialize();
      var href="${pageContext.request.contextPath}/register_statistics/third_party/query?"+formData;
      $(obj).attr("href" , href);
      return true;
  }
  function my_callback(data){
          var myChart = echarts.init(document.getElementById('main'));
          myChart.setOption(data);
  }
</script>
</body>
</html>

 

controller有关找到了：

public String getChartData(String start, String end, String type){
        if(ObjectUtils.isEmpty(start) && ObjectUtils.isEmpty(end)){
            end = DateUtil.getCurrentDateStr("yyyy-MM-dd") + " 23:59:59";
            start =DateUtil.date2String(new Date(DateUtil.addDay(DateUtil.string2Date(end, "yyyy-MM-dd HH:mm:ss").getTime(), -8)), "yyyy-MM-dd HH:mm:ss");
        }else if(ObjectUtils.isEmpty(start)){
            end = end + " 23:59:59";
            start = DateUtil.date2String(new Date(DateUtil.addDay(DateUtil.string2Date(end, "yyyy-MM-dd HH:mm:ss").getTime(), -8)), "yyyy-MM-dd HH:mm:ss");
        }else if(ObjectUtils.isEmpty(end)){
            end = DateUtil.date2String(new Date(DateUtil.addDay(DateUtil.string2Date(start + " 23:59:59", "yyyy-MM-dd HH:mm:ss").getTime(), 8)), "yyyy-MM-dd HH:mm:ss");
            start = start + " 00:00:00";
        }

        StatisticalRegisterDataDOExample example = new StatisticalRegisterDataDOExample();
        StatisticalRegisterDataDOExample.Criteria criteria = example.createCriteria();
        criteria.andStatisticalDateGreaterThanOrEqualTo(start);
        criteria.andStatisticalDateLessThan(end);
        List<StatisticalRegisterDataDO> registerDataDOList =  statisticalRegisterDataDOMapper.selectByExample(example);

        return buildEchartJson(registerDataDOList);
    }

    public String buildEchartJson(List<StatisticalRegisterDataDO> registerDataDOS){
        StringBuilder sb = new StringBuilder();
        StringBuilder AxisData = new StringBuilder();
        StringBuilder  seriesData = new StringBuilder();

        AxisData = AxisData.append("[");
//                ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
        seriesData = seriesData.append("[");
//         [5, 20, 36, 10, 10, 20]
        for(StatisticalRegisterDataDO registerDataDO : registerDataDOS){
            AxisData = AxisData.append("\"").append(registerDataDO.getStatisticalDate()).append("\"").append(",");
            seriesData = seriesData.append(registerDataDO.getRegisterValue()).append(",");
        }
        AxisData = AxisData.deleteCharAt(AxisData.length()-1);
        AxisData = AxisData.append("]");
        seriesData = seriesData.deleteCharAt(seriesData.length()-1);
        seriesData = seriesData.append("]");
        sb = sb.append("{" +
                "    \"title\": {" +
                "        \"text\":\"第三方注册量展示\"" +
                "        }," +
                "    \"tooltip\": {" +
                "        }," +
                "    \"legend\": {" +
                "        \"data\":[\"注册量\"]" +
                "        }," +
                "    \"xAxis\": {" +
                "        \"data\":" + AxisData +
                "        }," +
                "    \"yAxis\": {" +
                "        }," +
                "     \"series\": [{" +
                "        \"name\": \"注册量\"," +
                "        \"type\": \"bar\"," +
                "        \"data\":" + seriesData +
                "        }]" +
                "    }");
        return sb.toString();
    }

 

posted @ 2017-06-01 16:59  guodaxia  阅读(159)  评论(0)    收藏  举报