feat: change project chart type

ahmadalfy · Feb 1, 2020 · 1759abb · 1759abb
1 parent 1e8fc22
commit 1759abb
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/scripts/charts.js b/scripts/charts.js
@@ -60,10 +60,11 @@ class Charts {
 		return { data: formattedData, groupedEvents };
 	}
 
-	static drawChart(data, name) {
+	static drawChart(data, name, area) {
 		this.chart = Highcharts.chart('charts', {
 			chart: {
 				zoomType: 'x',
+				type: area,
 			},
 			title: {
 				text: `Activity of ${name}`
@@ -78,13 +79,19 @@ class Charts {
 				name,
 				data,
 			}],
+			tooltip: {
+				split: true,
+			},
 			plotOptions: {
 				series: {
 					cursor: 'pointer',
 					marker: {
-						lineWidth: 1
+						lineWidth: 1,
 					}
 				},
+				areaspline: {
+					fillOpacity: 0.5,
+				}
 			},
 		});
 	}

diff --git a/scripts/projects.js b/scripts/projects.js
@@ -124,7 +124,7 @@ class Projects extends Base {
 		let projectEvents = await this.getProjectEvents(projectId);
 		const updatedEvents = Charts.prepareProjectEvents(projectEvents);
 		const { data } = updatedEvents;
-		Charts.drawChart(data, projectName);
+		Charts.drawChart(data, projectName, 'areaspline');
 		Charts.prepareChartFilters();
 	}