Merge pull request #368 from alexanderlz/master

Issue #168. Visualization: save as image.

rd_ui/app/index.html

@@ -130,6 +130,9 @@
 <script src="/bower_components/pace/pace.js"></script>
 <script src="/bower_components/mustache/mustache.js"></script>
 <script src="/bower_components/offline/offline.min.js"></script>
+<script src="/bower_components/canvg/rgbcolor.js"></script> 
+<script src="/bower_components/canvg/StackBlur.js"></script>
+<script src="/bower_components/canvg/canvg.js"></script> 
 <!-- endbuild -->
 
 <!-- build:js({.tmp,app}) /scripts/scripts.js -->

rd_ui/app/scripts/ng_highchart.js

@@ -153,6 +153,24 @@
 
                 this.redraw();
               }
+            },
+            {
+              text: 'Save Image',
+              onclick: function () {
+                var canvas = document.createElement('canvas'); 
+                window.canvg(canvas, this.getSVG())
+                var href = canvas.toDataURL('image/png');
+                var a = document.createElement('a');
+                a.href = href;
+                var filenameSuffix = '';
+                if (this.title) {
+                    filenameSuffix = this.title.text;
+                }
+                a.download = 'redash_'+filenameSuffix+'.png';
+                document.body.appendChild(a);
+                a.click();
+                a.remove(); 
+              }
             }
           ]
         }

rd_ui/bower.json

@@ -29,7 +29,8 @@
     "angular-ui-select": "0.8.2",
     "font-awesome": "~4.2.0",
     "mustache": "~1.0.0",
-    "offline": "~0.7.11"
+    "offline": "~0.7.11",
+    "canvg": "gabelerner/canvg"
   },
   "devDependencies": {
     "angular-mocks": "1.2.18",