echarts简单集成

Echarts是非常强大的统计图插件，平时在做统计分析是会用到的比较多，下面做了个简单的集成demo
首先是html为Echarts提供容器，然后请求后台为echarts构建数据，最后进行渲染，代码比较简单
html：

后台：

 	@ResponseBody
    @RequestMapping("getEchartsInfo")
    public JSONObject getEchartsInfo(){
        JSONObject jo = new JSONObject();
        JSONArray xAxisDataJa = new JSONArray();
        xAxisDataJa.add("衬衫");
        xAxisDataJa.add("羊毛衫");
        xAxisDataJa.add("雪纺衫");
        xAxisDataJa.add("裤子");
        xAxisDataJa.add("高跟鞋");
        xAxisDataJa.add("袜子");
        jo.put("xAxisData",xAxisDataJa);
        JSONArray varJa = new JSONArray();
        varJa.add("150");
        varJa.add("200");
        varJa.add("36");
        varJa.add("100");
        varJa.add("108");
        varJa.add("209");
        jo.put("xVal",varJa);

        JSONArray varJa1 = new JSONArray();
        varJa1.add("18");
        varJa1.add("15");
        varJa1.add("100");
        varJa1.add("50");
        varJa1.add("70");
        varJa1.add("60");
        jo.put("xVal1",varJa1);
        return jo;
    }

效果如图：

Echarts还有其他丰富的图表功能，详情可参照Echarts官网
https://www.echartsjs.com/index.html