Add titles and axes labels

haskell · Nov 13, 2020 · 91886d7 · 91886d7
1 parent 7142270
commit 91886d7
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 6 deletions.
diff --git a/templates/criterion.css b/templates/criterion.css
@@ -51,7 +51,6 @@ span#explain-interactivity {
   }
 }
 .kde canvas {
-  border-top: 1px solid rgba(0,0,0,0.1);
 }
 table.analysis .low, table.analysis .high {
   opacity: 0.5;

diff --git a/templates/criterion.js b/templates/criterion.js
@@ -521,6 +521,10 @@
         },
       }],
       options: {
+        title: {
+          display: true,
+          text: report.groups.join(' / ') + ' — time densities',
+        },
         elements: {
           point: {
             radius: 0,
@@ -531,6 +535,10 @@
           xAxes: [{
             display: true,
             type: 'linear',
+            scaleLabel: {
+              display: true,
+              labelString: 'Time'
+            },
             ticks: {
               min: reportKDE.kdeValues[0] * scale,
               max: reportKDE.kdeValues[reportKDE.kdeValues.length - 1] * scale,
@@ -545,10 +553,14 @@
             }
           }],
           yAxes: [{
-            display: false,
+            display: true,
             type: 'linear',
             ticks: {
               min: 0,
+              callback: function(value, inde, values) {
+                console.log(values);
+                return '';
+              },
             },
           }]
         },
@@ -572,10 +584,6 @@
         hover: {
           intersect: false
         },
-        title: {
-          display: false,
-          text: 'Chart.js Horizontal Bar Chart'
-        }
       }
     });
     return canvas;
@@ -660,10 +668,18 @@
         ],
       },
       options: {
+        title: {
+          display: true,
+          text: report.groups.join(' / ') + ' — time per iteration',
+        },
         scales: {
           yAxes: [{
             display: true,
             type: 'linear',
+            scaleLabel: {
+              display: true,
+              labelString: 'Time'
+            },
             ticks: {
               callback: function(value, index, values) {
                 return formatTime(value);
@@ -673,6 +689,10 @@
           xAxes: [{
             display: true,
             type: 'linear',
+            scaleLabel: {
+              display: true,
+              labelString: 'Iterations'
+            },
             ticks: {
               callback: formatter,
               max: lastIter,