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, }));