Merge pull request #44 from unchartedsoftware/multi-vertical-timeseries

Multiple vertical timeseries

examples/timeseries-vertical/timeseries.js

@@ -32,7 +32,14 @@ function main() {
 					icon: {class: 'fa fa-male', color: 'green'},
 					count: 28,
 					value: 'Linda',
-					timeseries : [[0,4],[1,2],[2,0],[3,4],[4,2],[5,0],[6,8],[7,8],[8,0],[9,0],[10,0]]
+					multipleTimeseries : [
+						[[0,4],[1,2],[2,0],[3,4],[4,2],[5,0],[6,8],[7,8],[8,0],[9,0],[10,0]],
+						[[0,0],[2,8],[3,0],[6,4],[7,2],[8,2],[12,8],[14,0],[18,0],[19,0],[22,0]]
+					],
+					colors: [
+						'green',
+						'#3B5998',
+					]
 				},
 				{
 					icon: {class: 'fa fa-male', color: 'blue'},
@@ -50,7 +57,14 @@ function main() {
 					icon: {class: 'fa fa-male', color: 'goldenrod'},
 					count: 6,
 					value: 'Maya',
-					timeseries : [0,0,0,4,2,0,0,0,0,0,0]
+					multipleTimeseries : [
+						[0,0,0,4,2,0,0,0,0,0,0],
+						[0,0,1,2,0,3,0,0,0,4,1]
+					],
+					colors: [
+						'goldenrod',
+						'#3CBA54',
+					]
 				},
 				{
 					icon: {class: 'fa fa-male', color: 'magenta'},

package.json

@@ -4,7 +4,7 @@
   "description": "Facets Component developed by Uncharted Software",
   "repository": "https://github.com/unchartedsoftware/stories-facets",
   "license": "Apache-2.0",
-  "version": "2.12.15",
+  "version": "2.12.16",
   "devDependencies": {
     "body-parser": "~1.18.3",
     "browserify": "^16.2.3",

src/components/facet/facetSparkline.js

@@ -169,11 +169,6 @@ FacetSparkline.prototype.initializeTimeseries = function(svg, sparkline, hasMult
 			return a.x - b.x;
 		});
 
-		// sparkline.forEach(function(subseries, index) {
-		// 	var totalSparklinePath = that._renderSparkline(this._sparkWidth, sparkHeight, subseries, that._maxY, index);
-		// 	totalSparklinePath.appendTo(that._svg);
-		// });
-
 	} else {
 		// single sparkline
 
@@ -211,9 +206,6 @@ FacetSparkline.prototype.initializeTimeseries = function(svg, sparkline, hasMult
 
 		}
 		this._sparklineLength = sparkline.length;
-
-		// var totalSparklinePath = this._renderSparkline(this._sparkWidth, sparkHeight, sparkline, this._maxY, 0);
-		// totalSparklinePath.appendTo(this._svg);
 	}
 
 	this._lineWidth = this._sparkWidth / this._sparklineLength;