activate timeseries highcharts in graph-explorer

gistfile1.txt

diff --git a/templates/snippet.graph-deps.tpl b/templates/snippet.graph-deps.tpl
index c484ba7..431b0a7 100644
--- a/templates/snippet.graph-deps.tpl
+++ b/templates/snippet.graph-deps.tpl
@@ -9,6 +9,8 @@
 <script src="../timeserieswidget/flot/jquery.flot.selection.js"></script>
 <script src="../timeserieswidget/flot/jquery.flot.time.js"></script>
 <script src="../timeserieswidget/flot/jquery.flot.stack.js"></script>
+<script src="../timeserieswidget/highcharts/highcharts.js"></script>
+<script src="../timeserieswidget/highcharts/modules/exporting.js"></script>
 <script src="../timeserieswidget/jquery.flot.axislabels.js"></script>
 <script src="../timeserieswidget/timezone-js/src/date.js"></script>
 <script src="../assets/js/graph-explorer.js"></script>
diff --git a/templates/snippet.graph.tpl b/templates/snippet.graph.tpl
index a47ab81..32d9531 100644
--- a/templates/snippet.graph.tpl
+++ b/templates/snippet.graph.tpl
@@ -45,8 +45,8 @@
             % end
                    from: "-24hours",
                    until: "now",
-                   height: "300",
-                   width: "740",
+                   height: "500",
+                   width: "900",
                    line_stack_toggle: 'line_stack_form_flot_{{graph_id}}',
                    series: {stack: true, lines: { show: true, lineWidth: 0, fill: true }},
                    legend: { container: '#legend_flot_{{graph_id}}', noColumns: 1, labelFormatter: labelFormatter },
@@ -55,6 +55,6 @@
             tz: "{{preferences.timezone}}",
                };
                var graph_flot_{{graph_id}} = $.extend({}, defaults, graph_data);
-               $("#chart_flot_{{graph_id}}").graphiteFlot(graph_flot_{{graph_id}}, function(err) { console.log(err); });
+               $("#chart_flot_{{graph_id}}").graphiteHighcharts(graph_flot_{{graph_id}}, function(err) { console.log(err); });
        });
         </script>