From fedf9f6df1a4267b8f6d687a4d96f8cda2d64a62 Mon Sep 17 00:00:00 2001
From: Danielv123 <tranen.bananen@gmail.com>
Date: Thu, 16 Mar 2017 09:25:28 +0100
Subject: [PATCH] Show legends and toggle display of datasets

---
 static/slaveDisplay.js | 27 ++++++++++++++++++++++-----
 1 file changed, 22 insertions(+), 5 deletions(-)

diff --git a/static/slaveDisplay.js b/static/slaveDisplay.js
index 04d97bb1..6173227a 100644
--- a/static/slaveDisplay.js
+++ b/static/slaveDisplay.js
@@ -98,26 +98,43 @@ function generateLineChartArray(data, nameKey) {
 	}
 	let xyz = {};
 	xyz.name = nameKey;
-	xyz.type = "spline";
+	xyz.type = "line";
+	xyz.showInLegend = true;
 	xyz.dataPoints = chartData;
 	return xyz;
 }
 
+var chartsByID = {};
 function drawChart(selector, chartData) {
-	// selector is ID of element, ex "chartContainer"
-	var chart = new CanvasJS.Chart(selector, {
+	// selector is ID of element, ex "chartContainer" or "-123199123"
+	console.log(chartData)
+	chartsByID[selector] = new CanvasJS.Chart(selector, {
 		title:{
 			text: "Production graph"
 		},
 		toolTip:{   
-			content: "{name}: {y}"      
+			content: "{name}: {y}"	  
 		},
 		zoomEnabled: true,
 		axisY:{
-			includeZero: true
+			includeZero: true,
+		},
+		legend: {
+			cursor: "pointer",
+			itemclick: function (e) {
+				//console.log("legend click: " + e.dataPointIndex);
+				//console.log(e);
+				if (typeof (e.dataSeries.visible) === "undefined" || e.dataSeries.visible) {
+					e.dataSeries.visible = false;
+				} else {
+					e.dataSeries.visible = true;
+				}
+				e.chart.render();
+			}
 		},
 		data: chartData
 	});
+	chart = chartsByID[selector];
 	// console.log(chart)
 	chart.render();
 }
\ No newline at end of file