加入图表统计指令信息

src/main/resources/static/echarts/echarts_tj.js

+function echarts_tj(){
+    var dom = document.getElementById("container");
+    var myChart = echarts.init(dom);
+    var app = {};
+    option = null;
+    var dataDwmc;
+    var dataZls = ["1","2","3","4","5","6","7","8","9","10","11","12"];
+
+    option = {
+        title : {
+            text: '图表统计'
+        },
+        tooltip : {
+            trigger: 'axis'
+        },
+        legend: {
+            data:['指令数','签收数','回报数','评价数']
+        },
+        toolbox: {
+            show : true,
+            feature : {
+                dataView : {show: true, readOnly: false},
+                magicType : {show: true, type: ['line', 'bar']},
+                restore : {show: true},
+                saveAsImage : {show: true}
+            }
+        },
+        calculable : true,
+        xAxis : [
+            {
+                type : 'category',
+                data : ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']
+            }
+        ],
+        yAxis : [
+            {
+                type : 'value'
+            }
+        ],
+        series : [
+            {
+                name:'指令数',
+                type:'bar',
+                data:dataZls2,
+                markPoint : {
+                    data : [
+                        {type : 'max', name: '最大值'},
+                        {type : 'min', name: '最小值'}
+                    ]
+                }
+            },
+            {
+                name:'签收数',
+                type:'bar',
+                data:dataZls,
+                markPoint : {
+                    data : [
+                        {type : 'max', name: '最大值'},
+                        {type : 'min', name: '最小值'}
+                    ]
+                }
+            },
+            {
+                name:'回报数',
+                type:'bar',
+                data:[2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3],
+                markPoint : {
+                    data : [
+                        {type : 'max', name: '最大值'},
+                        {type : 'min', name: '最小值'}
+                    ]
+                }
+            },
+            {
+                name:'评价数',
+                type:'bar',
+                data:[2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3],
+                markPoint : {
+                    data : [
+                        {type : 'max', name: '最大值'},
+                        {type : 'min', name: '最小值'}
+                    ]
+                }
+            }
+        ]
+    };
+    if (option && typeof option === "object") {
+        myChart.setOption(option, true);
+    }
+}

src/main/resources/static/js/listZczlTj.js

@@ -51,6 +51,7 @@ function doQuery(obj){
     }else{//否则，非第一次查询
         $("#isFirst").val("0");
         $("#exportExcel").css('visibility', 'visible');//显示导出Excel按钮
+        echarts_tj();
     }
     $('#zczltjTable').datagrid({
         url: "/getZczltjxxList",

src/main/webapp/WEB-INF/jsp/zczltj.jsp

@@ -177,7 +177,7 @@
                 </table>
             </div>
         </div>
-
+        <div id="container" style="height: 100%"></div>
     </article>
     <script src="/js/jquery.min.js" type="text/javascript"></script>
     <script src="/js/base.js" type="text/javascript"></script>
@@ -193,6 +193,8 @@
 
     <script type="text/javascript" src="/js/listZczlTj.js"></script>
     <script id="scripturlid" src="/common/js/checkurl.js?url=${perurl}" type="text/javascript"></script>
+    <script type="text/javascript" src="/echarts/echarts.js"></script>
+    <script type="text/javascript" src="/echarts/echarts_tj.js"></script>
 
 </body>