diff --git a/src/Stats.vue b/src/Stats.vue
index 9f45f00..053754f 100644
--- a/src/Stats.vue
+++ b/src/Stats.vue
@@ -333,6 +333,7 @@
 								:labels="yearsChartData.labels"
 								:ordinate="preferences.ordinate"
 								:abscissa="true"
+								:unfinished="active.period.end == null"
 							/>
 							<LineChart
 								v-if="tabs.total.years && preferences.sections.total.comparison"
@@ -340,6 +341,7 @@
 								:labels="yearsComparedChartData.labels"
 								:ordinate="preferences.ordinate"
 								:abscissa="true"
+								:unfinished="active.period.end == null"
 							/>
 							<!-- emails per quarter over total time -->
 							<LineChart
@@ -348,6 +350,7 @@
 								:labels="quartersChartData.labels"
 								:ordinate="preferences.ordinate"
 								:abscissa="true"
+								:unfinished="active.period.end == null"
 							/>
 							<LineChart
 								v-if="tabs.total.quarters && preferences.sections.total.comparison"
@@ -355,6 +358,7 @@
 								:labels="quartersComparedChartData.labels"
 								:ordinate="preferences.ordinate"
 								:abscissa="true"
+								:unfinished="active.period.end == null"
 							/>
 							<!-- emails per month over total time -->
 							<LineChart
@@ -363,6 +367,7 @@
 								:labels="monthsChartData.labels"
 								:ordinate="preferences.ordinate"
 								:abscissa="true"
+								:unfinished="active.period.end == null"
 							/>
 							<LineChart
 								v-if="tabs.total.months && preferences.sections.total.comparison"
@@ -370,6 +375,7 @@
 								:labels="monthsComparedChartData.labels"
 								:ordinate="preferences.ordinate"
 								:abscissa="true"
+								:unfinished="active.period.end == null"
 							/>
 							<!-- emails per week over total time -->
 							<LineChart
@@ -378,6 +384,7 @@
 								:labels="weeksChartData.labels"
 								:ordinate="preferences.ordinate"
 								:abscissa="true"
+								:unfinished="active.period.end == null"
 							/>
 							<LineChart
 								v-if="tabs.total.weeks && preferences.sections.total.comparison"
diff --git a/src/charts/BarChart.vue b/src/charts/BarChart.vue
index c461fbe..37044f8 100644
--- a/src/charts/BarChart.vue
+++ b/src/charts/BarChart.vue
@@ -36,8 +36,7 @@ export default {
 			let datasets = this.datasets
 			datasets.map(d => {
 				d.backgroundColor = context => {
-					const chart = context.chart;
-					const { ctx, chartArea } = chart;
+					const { ctx, chartArea } = context.chart;
 					if (!chartArea) return null;
 					return transparentGradientBar(ctx, chartArea, d.borderColor, this.horizontal);
 				}
diff --git a/src/charts/LineChart.vue b/src/charts/LineChart.vue
index 8b03927..cb6f600 100644
--- a/src/charts/LineChart.vue
+++ b/src/charts/LineChart.vue
@@ -33,6 +33,10 @@ export default {
 			type: Number,
 			default: 2
 		},
+		unfinished: {
+			type: Boolean,
+			default: true
+		},
 		width: String,
 		height: String,
 	},
@@ -51,16 +55,16 @@ export default {
 		processedDatasets () {
 			let datasets = this.datasets
 			datasets.map(d => {
+				// gradient for background
 				d.backgroundColor = context => {
-					const chart = context.chart;
-					const { ctx, chartArea } = chart;
+					const { ctx, chartArea } = context.chart;
 					if (!chartArea) return null;
 					return transparentGradientLine(ctx, chartArea, d.borderColor);
 				};
-				// TODO: activate if https://github.com/chartjs/Chart.js/issues/9022 is fixed
-				// d.segment = {
-				// 	borderDash: ctx => ctx.p0.parsed.x == d.data.length-2 ? [10, 5] : undefined
-				// };
+				// dashed line for last segment
+				d.segment = {
+					borderDash: ctx => this.unfinished && ctx.p0.parsed.x == d.data.length-2 ? [10, 5] : undefined
+				};
 			})
 			return datasets
 		}
@@ -92,6 +96,7 @@ export default {
 					scales: {
 						x: {
 							display: this.abscissa,
+							alignToPixels: true,
 							stacked: false,
 							grid: {
 								display: false,