Enable logarithmic chart

Author: mugetsu

components/Overview/index.vue

@@ -102,26 +102,66 @@ export default {
         dataLabels: {
           enabled: false
         },
-        colors: ['#ffa500', '#b20000', '#66a266'],
+        colors: ['#ffa500', '#b20000'],
         stroke: {
-          width: [4, 4, 4]
+          width: [4, 4]
+        },
+        plotOptions: {
+          bar: {
+            columnWidth: "20%"
+          }
         },
         xaxis: {
           type: 'datetime',
           labels: {
             format: 'dd MMM'
           }
         },
-        yaxis: {
-          opposite: true,
-          labels: {
-            align: 'right',
-            offsetX: -20
+        yaxis: [
+          {
+            logarithmic: true,
+            axisTicks: {
+              show: true
+            },
+            axisBorder: {
+              show: true,
+              color: "#ffa500"
+            },
+            labels: {
+              style: {
+                colors: "#ffa500"
+              }
+            },
+            title: {
+              style: {
+                color: "#ffa500"
+              }
+            }
+          },
+          {
+            opposite: true,
+            logarithmic: true,
+            axisTicks: {
+              show: true
+            },
+            axisBorder: {
+              show: true,
+              color: "#b20000"
+            },
+            labels: {
+              style: {
+                colors: "#b20000"
+              }
+            },
+            title: {
+              style: {
+                color: "#b20000"
+              }
+            }
           }
-        },
+        ],
         legend: {
-          show: false,
-          horizontalAlign: 'left'
+          show: false
         }
       }
     },

store/mutations.js

@@ -65,9 +65,9 @@ export default {
 			return Math.floor(seconds) + ' seconds'
 		}
 		const series = _ => {
-			const timelineConfirmed = Object.entries(result.timelines.confirmed.timeline).map(o => o)
-      const timelineDeaths = Object.entries(result.timelines.deaths.timeline).map(o => o)
-      // const timelineRecovered = Object.entries(result.timelines.recovered.timeline).map(o => o)
+			const timelineConfirmed = Object.entries(result.timelines.confirmed.timeline).filter(o => o[1] !== 0).map(o => o)
+			const timelineDeaths = Object.entries(result.timelines.deaths.timeline).filter(o => o[1] !== 0).map(o => o)
+			// const timelineRecovered = Object.entries(result.timelines.recovered.timeline).filter(o => o[1] !== 0).map(o => o)
       return [
         {
           name: 'Confirmed',