提交chime社交相关

liquidnet-bus-client/liquidnet-client-admin/liquidnet-client-admin-web/src/main/resources/templates/zhengzai/kylin/report/performanceData.html

@@ -253,6 +253,26 @@
                 text: '按省份统计购票数量',
                 x:'center'
             },
+            toolbox: { //可视化的工具箱
+                show: true,
+                feature: {
+                    dataView: { //数据视图
+                        show: true
+                    },
+                    restore: { //重置
+                        show: true
+                    },
+                    dataZoom: { //数据缩放视图
+                        show: true
+                    },
+                    saveAsImage: {//保存图片
+                        show: true
+                    },
+                    magicType: {//动态类型切换
+                        type: ['bar', 'line']
+                    }
+                }
+            },
             tooltip : {
                 trigger: 'axis'
             },
@@ -327,6 +347,26 @@
                 x:'center'
 
             },
+            toolbox: { //可视化的工具箱
+                show: true,
+                feature: {
+                    dataView: { //数据视图
+                        show: true
+                    },
+                    restore: { //重置
+                        show: true
+                    },
+                    dataZoom: { //数据缩放视图
+                        show: true
+                    },
+                    saveAsImage: {//保存图片
+                        show: true
+                    },
+                    magicType: {//动态类型切换
+                        type: ['bar', 'line']
+                    }
+                }
+            },
             tooltip : {
                 trigger: 'axis'
             },
@@ -401,6 +441,26 @@
                 text: '按年龄统计购票数量',
                 x:'center'
             },
+            toolbox: { //可视化的工具箱
+                show: true,
+                feature: {
+                    dataView: { //数据视图
+                        show: true
+                    },
+                    restore: { //重置
+                        show: true
+                    },
+                    dataZoom: { //数据缩放视图
+                        show: true
+                    },
+                    saveAsImage: {//保存图片
+                        show: true
+                    },
+                    magicType: {//动态类型切换
+                        type: ['bar', 'line']
+                    }
+                }
+            },
             tooltip : {
                 trigger: 'axis'
             },
@@ -488,6 +548,23 @@
                 // subtext: '纯属虚构',
                 x:'center'
             },
+            toolbox: { //可视化的工具箱
+                show: true,
+                feature: {
+                    dataView: { //数据视图
+                        show: true
+                    },
+                    restore: { //重置
+                        show: true
+                    },
+                    dataZoom: { //数据缩放视图
+                        show: true
+                    },
+                    saveAsImage: {//保存图片
+                        show: true
+                    }
+                }
+            },
             tooltip : {
                 trigger: 'item',
                 formatter: "{a} <br/>{b} : {c} ({d}%)"
@@ -520,6 +597,35 @@
         pieChart.setOption(pieoption);
         $(window).resize(pieChart.resize);
     }
+
+function downloadImpByChart(chartId,name) {
+    var url = getFullCanvasDataURL(chartId);
+    var link = document.createElement('a');
+    link.href = url;
+    link.download = name+".png";
+    link.click();
+};
+
+    //将图形转成base64的图片
+    function getFullCanvasDataURL(divId){
+        //将第一个画布作为基准。
+        var baseCanvas = $("#"+divId).find("canvas").first()[0];
+        if(!baseCanvas){
+            return false;
+        };
+        var width = baseCanvas.width;
+        var height = baseCanvas.height;
+        var ctx = baseCanvas.getContext("2d");
+        //遍历，将后续的画布添加到在第一个上
+        $("#"+divId).find("canvas").each(function(i,canvasObj){
+            if(i>0){
+                var canvasTmp = $(canvasObj)[0];
+                ctx.drawImage(canvasTmp,0,0,width,height);
+            }
+        });
+        //获取base64位的url
+        return baseCanvas.toDataURL();
+    }
 </script>
 </body>
 </html>