添加指令统计的图表展示

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

 function echarts_tj(){
+    $("#container").css('display','block');
     var dom = document.getElementById("container");
     var myChart = echarts.init(dom);
     option = null;
@@ -13,16 +14,82 @@ function echarts_tj(){
         legend: {
             data:['指令数','签收数','回报数','评价数']
         },
-        toolbox: {
-            show : true,
-            feature : {
-                dataView : {show: true, readOnly: false},
-                magicType : {show: true, type: ['line', 'bar']},
-                restore : {show: true},
-                saveAsImage : {show: true}
+        toolbox:{
+
+            show: true,
+
+            feature: {
+
+                dataView: {
+
+                    show: true,
+
+                    title: '数据视图',
+
+                    optionToContent: function (opt) {
+
+                        var axisData = opt.xAxis[0].data;
+
+                        var series = opt.series;
+
+                        var tdHeads = '<td  style="padding:0 10px">名称</td>';
+
+                        series.forEach(function (item) {
+
+                            tdHeads += '<td style="padding: 0 10px">'+item.name+'</td>';
+
+                        });
+
+                        var table = '<table border="1" style="margin-left:20px;border-collapse:collapse;font-size:14px;text-align:center"><tbody><tr>'+tdHeads+'</tr>';
+
+                        var tdBodys = '';
+
+                        for (var i = 0, l = axisData.length; i < l; i++) {
+
+                            for (var j = 0; j < series.length; j++) {
+
+                                if(typeof(series[j].data[i]) == 'object'){
+
+                                    tdBodys += '<td>'+series[j].data[i].value+'</td>';
+
+                                }else{
+
+                                    tdBodys += '<td>'+ series[j].data[i]+'</td>';
+
+                                }
+
+                            }
+
+                            table += '<tr><td style="padding: 0 10px">'+axisData[i]+'</td>'+ tdBodys +'</tr>';
+
+                            tdBodys = '';
+
+                        }
+
+                        table += '</tbody></table>';
+
+                        return table;
+
                     }
+
+                },
+
+                mark: {show:true},
+
+                restore:{show:true},
+
+                magicType: {type: ['line', 'bar']},
+
+                saveAsImage:{show:true}
+
+            }
+
         },
         calculable : true,
+        grid: {
+            left: '10%',
+            bottom:'28%'
+        },
         xAxis : [
             {
                 type : 'category',
@@ -91,7 +158,6 @@ function echarts_tj(){
     loadChartOut(myChart);
     window.addEventListener('resize', function () {
         myChart.resize();
-        mychart.resize();
     });
 }
 

src/main/resources/version.txt

@@ -40,5 +40,6 @@ version=@project.version@
 #20.添加访问超时重新登录的提示 02：添加访问超时重新登录的提示
 #21.修改我发起的指令模块中指令接收单位检索功能 01：将指令接收单位由单选更改为多选
 #22.添加需要我审批的指令模块中指令接收单位检索功能 01：添加指令接收单位的检索
+#23.添加指令统计的图表展示 01：添加指令统计的图表展示
 
 ————————————————————@project.version@-——————————————————————————

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

@@ -177,7 +177,7 @@
                 </table>
             </div>
         </div>
-        <div id="container" style="height: 100%"></div>
+        <div id="container" style="height: 100%;width: 100%;display:none;"></div>
     </article>
     <script src="/js/jquery.min.js" type="text/javascript"></script>
     <script src="/js/base.js" type="text/javascript"></script>