diff --git a/vue-definitions.js b/vue-definitions.js
index 8e80f57..9e1e1d1 100644
--- a/vue-definitions.js
+++ b/vue-definitions.js
@@ -716,6 +716,11 @@ window.app = new Vue({
let showDailyMarkers = this.filteredCovidData.length <= 2;
+ let hovertemplateBody =
+ '
%{y:10,}: Weekly ' + this.selectedData +
+ '
%{x:10,}: Total ' + this.selectedData +
+ '';
+
// draws grey lines (line plot for each location)
let trace1 = this.filteredCovidData.map((e, i) => ({
x: e.cases.slice(0, this.day),
@@ -733,7 +738,7 @@ window.app = new Vue({
color: 'rgba(0,0,0,0.15)'
},
hoverinfo: 'x+y+text',
- hovertemplate: '%{text}
Total ' + this.selectedData + ': %{x:,}
Weekly ' + this.selectedData + ': %{y:,}',
+ hovertemplate: '%{text}' + hovertemplateBody,
})
);
@@ -750,7 +755,7 @@ window.app = new Vue({
size: 6,
color: 'rgba(254, 52, 110, 1)'
},
- hovertemplate: '%{data.text}
Total ' + this.selectedData + ': %{x:,}
Weekly ' + this.selectedData + ': %{y:,}',
+ hovertemplate: '%{data.text}' + hovertemplateBody,
}));