Add a 'hide-legend' graph option

Legends of graphs with many lines can take up too much space, this simple button will hide the graph legend on demand.
airspeed-velocity · Apr 6, 2019 · 7338c8b · 7338c8b
1 parent 25c6ba2
commit 7338c8b
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 0 deletions.
diff --git a/asv/www/graphdisplay.js b/asv/www/graphdisplay.js
@@ -21,6 +21,8 @@ $(document).ready(function() {
     var select_reference = false;
     /* The reference value */
     var reference = 1.0;
+    /* Whether to hide the legend */
+    var hide_legend = false;
     /* Is even commit spacing being used? */
     var even_spacing = false;
     var even_spacing_revisions = [];
@@ -257,6 +259,12 @@ $(document).ready(function() {
             $('#even-spacing').removeClass('active');
             update_state_url({'x-axis-scale': date_scale ? ['date'] : []});
         });
+
+        $('#hide-legend').on('click', function(evt) {
+            hide_legend = !hide_legend;
+
+            update_state_url({'hide-legend': hide_legend ? [true] : []});
+        });
 
         tooltip = $("<div></div>");
         tooltip.appendTo("body");
@@ -1178,6 +1186,7 @@ $(document).ready(function() {
                 mode: "x"
             },
             legend: {
+                show: !hide_legend,
                 position: "nw",
                 labelFormatter: function(label, series) {
                     // Ensure HTML escaping
@@ -1384,6 +1393,18 @@ $(document).ready(function() {
             }
             delete params['x-axis-scale'];
         }
+
+        var hide_legend_button = $('#hide-legend')
+        if (params['hide-legend']) {
+            if (params['hide-legend'][0] === 'true') {
+                hide_legend_button.addClass('active');
+                hide_legend = true;
+            }
+            delete params['hide-legend'];
+        }
+        else {
+            hide_legend_button.removeClass('active');
+        }
 
         if (Object.keys(params).length > 0) {
             state_selection = params;

diff --git a/asv/www/index.html b/asv/www/index.html
@@ -141,6 +141,11 @@
                  title="Space commits by commit date along the x-axis">
                 date scale
               </a>
+              <a id="hide-legend" class="btn btn-default btn-xs" role="button"
+                 data-toggle="tooltip" data-placement="right"
+                 title="Hide legend in the graph">
+                hide legend
+              </a>
             </div>
           </div>
         </div>