<dependency>

  <groupId>com.github.abel533</groupId>

  <artifactId>ECharts</artifactId>

  <version>2.2.7</version>

</dependency>

<dependency>

    <groupId>com.google.code.gson</groupId>

    <artifactId>gson</artifactId>

    <version>2.5</version>

</dependency>

     /**

      * 柱状图

      *

      * @param isHorizontal

      *            是否水平放置

      */

     public void testBar(boolean isHorizontal) {

         String[] citis = { "广州", "深圳", "珠海", "汕头", "韶关", "佛山" };

         int[] datas = { 6030, 7800, 5200, 3444, 2666, 5708 };

         String[] colors = { "rgb(2,111,230)", "rgb(186,73,46)", "rgb(78,154,97)", "rgb(2,111,230)", "rgb(186,73,46)", "rgb(78,154,97)" };

         String title = "地市数据";

         GsonOption option = new GsonOption();

         option.title(title); // 标题

         // 工具栏

         option.toolbox().show(true).feature(Tool.mark, // 辅助线

                 Tool.dataView, // 数据视图

                 new MagicType(Magic.line, Magic.bar),// 线图、柱状图切换

                 Tool.restore,// 还原

                 Tool.saveAsImage);// 保存为图片

         option.tooltip().show(true).formatter("{a} <br/>{b} : {c}");//显示工具提示,设置提示格式

         option.legend(title);// 图例

         Bar bar = new Bar(title);// 图类别(柱状图)

         CategoryAxis category = new CategoryAxis();// 轴分类

         category.data(citis);// 轴数据类别

         // 循环数据

         for (int i = 0; i < citis.length; i++) {

             int data = datas[i];

             String color = colors[i];

             // 类目对应的柱状图

             Map<String, Object> map = new HashMap<String, Object>(2);

             map.put("value", data);

             map.put("itemStyle", new ItemStyle().normal(new Normal().color(color)));

             bar.data(map);

         }

         if (isHorizontal) {// 横轴为类别、纵轴为值

             option.xAxis(category);// x轴

             option.yAxis(new ValueAxis());// y轴

         } else {// 横轴为值、纵轴为类别

             option.xAxis(new ValueAxis());// x轴

             option.yAxis(category);// y轴

         }

         option.series(bar);

     }

 /**

      * 折线图

      *

      * @param isHorizontal

      *            是否水平放置

      */

     public void testLine(boolean isHorizontal) {

         String[] types = { "邮件营销", "联盟广告", "视频广告" };

         int[][] datas = { { 120, 132, 101, 134, 90, 230, 210 }, { 220, 182, 191, 234, 290, 330, 310 }, { 150, 232, 201, 154, 190, 330, 410 } };

         String title = "广告数据";

         GsonOption option = new GsonOption();

         option.title().text(title).subtext("虚构").x("left");// 大标题、小标题、位置

         // 提示工具

         option.tooltip().trigger(Trigger.axis);// 在轴上触发提示数据

         // 工具栏

         option.toolbox().show(true).feature(Tool.saveAsImage);// 显示保存为图片

         option.legend(types);// 图例

         CategoryAxis category = new CategoryAxis();// 轴分类

         category.data("周一", "周二", "周三", "周四", "周五", "周六", "周日");

         category.boundaryGap(false);// 起始和结束两端空白策略

         // 循环数据

         for (int i = 0; i < types.length; i++) {

             Line line = new Line();// 三条线，三个对象

             String type = types[i];

             line.name(type).stack("总量");

             for (int j = 0; j < datas[i].length; j++)

                 line.data(datas[i][j]);

             option.series(line);

         }

         if (isHorizontal) {// 横轴为类别、纵轴为值

             option.xAxis(category);// x轴

             option.yAxis(new ValueAxis());// y轴

         } else {// 横轴为值、纵轴为类别

             option.xAxis(new ValueAxis());// x轴

             option.yAxis(category);// y轴

         }

     } 

 /**

      *  饼图

      */

     public void testPie() {

         String[] types = { "邮件营销", "联盟广告", "视频广告" };

         int[] datas = { 120, 132, 101 };

         String title = "广告数据";

         GsonOption option = new GsonOption();

         option.title().text(title).subtext("虚构").x("center");// 大标题、小标题、标题位置

         // 提示工具 鼠标在每一个数据项上，触发显示提示数据

         option.tooltip().trigger(Trigger.item).formatter("{a} <br/>{b} : {c} ({d}%)");

         // 工具栏

         option.toolbox().show(true).feature(new Mark().show(true),// 辅助线

                 new DataView().show(true).readOnly(false),// 数据视图

                 new MagicType().show(true).type(new Magic[] { Magic.pie, Magic.funnel }), //饼图、漏斗图切换

                 new Option().series(new Funnel().x("25%").width("50%").funnelAlign(X.left).max(1548)),// 漏斗图设置

                 Tool.restore,// 还原

                 Tool.saveAsImage);// 保存为图片

         option.legend().orient(Orient.horizontal).x("left").data(types);// 图例及位置

         option.calculable(true);// 拖动进行计算

         Pie pie = new Pie();

         // 标题、半径、位置

         pie.name(title).radius("55%").center("50%", "60%");

         // 循环数据

         for (int i = 0; i < types.length; i++) {

             Map<String, Object> map = new HashMap<String, Object>(2);

             map.put("value", datas[i]);

             map.put("name", types[i]);

             pie.data(map);

         }

         option.series(pie);

     }