[5.x] Add secs to y-axis ticks' for clarity (#903)

Since the line chart's y-axis shows ticks without units, this could help clarify that it's in seconds.
laravel · Oct 1, 2020 · 89afd51 · 89afd51
1 parent ed1e571
commit 89afd51
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/resources/js/components/LineChart.vue b/resources/js/components/LineChart.vue
@@ -24,7 +24,12 @@
                         yAxes: [
                             {
                                 ticks: {
-                                    beginAtZero: true
+                                    beginAtZero: true,
+                                     callback: (value, index, values) => {
+                                        return this.data.datasets[0].label === "Seconds"
+                                            ? `${value} secs`
+                                            : value;
+                                    },
                                 },
                                 gridLines: {
                                     display: true