From 9c4a7bf94c4aefcd6f42bac7372b6deb899268b1 Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Fri, 24 Aug 2018 09:39:16 +0900
Subject: [PATCH] Improve chart

---
 src/client/app/desktop/views/pages/admin/admin.chart.chart.ts | 4 +++-
 src/client/app/desktop/views/pages/admin/admin.chart.vue      | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/client/app/desktop/views/pages/admin/admin.chart.chart.ts b/src/client/app/desktop/views/pages/admin/admin.chart.chart.ts
index 9fb18fd03..6a241631e 100644
--- a/src/client/app/desktop/views/pages/admin/admin.chart.chart.ts
+++ b/src/client/app/desktop/views/pages/admin/admin.chart.chart.ts
@@ -32,7 +32,9 @@ export default Vue.extend({
 					}]
 				},
 				tooltips: {
-					intersect: false
+					intersect: false,
+					mode: 'x',
+					position: 'nearest'
 				}
 			}, this.opts || {}));
 		}
diff --git a/src/client/app/desktop/views/pages/admin/admin.chart.vue b/src/client/app/desktop/views/pages/admin/admin.chart.vue
index caaeeaeda..4301f9978 100644
--- a/src/client/app/desktop/views/pages/admin/admin.chart.vue
+++ b/src/client/app/desktop/views/pages/admin/admin.chart.vue
@@ -102,6 +102,7 @@ export default Vue.extend({
 					fill: false,
 					borderColor: '#555',
 					borderWidth: 2,
+					borderDash: [4, 4],
 					pointBackgroundColor: '#fff',
 					lineTension: 0,
 					data: data.map(x => ({ t: x.date, y: x.all }))
@@ -228,7 +229,8 @@ export default Vue.extend({
 			return [{
 				datasets: [{
 					label: local ? 'Local Drive Files' : 'Remote Drive Files',
-					fill: false,
+					fill: true,
+					backgroundColor: 'rgba(246, 88, 79, 0.1)',
 					borderColor: '#f6584f',
 					borderWidth: 2,
 					pointBackgroundColor: '#fff',