fix(interaction): Fix on eventRect generation

- Make sure to get x Axis tick values
- Revert .updateXs()

Fix #1019

spec/interactions/interaction-spec.js

@@ -127,6 +127,46 @@ describe("INTERACTION", () => {
 				});
 			});
 
+			describe("timeseries #3", () => {
+				before(() => {
+					args = {
+						data: {
+							x: "x",
+							json: {
+								Temperature:["29.39", "29.7", "29.37", "28.87", "28.62"],
+								x:["01-01-2015 00:00", "02-01-2015 00:00", "03-01-2015 00:00", "04-01-2015 00:00", "05-01-2015 00:00"]
+							},
+							type: "area",
+							xFormat: "%m-%d-%Y %H:%M"
+						},
+						axis: {
+							x: {
+								tick: {
+									fit: false
+								},
+								type: "timeseries"
+							}
+						}
+					};
+				});
+
+				it("check if rect element generated correctly", () => {
+					const rect = chart.$.main.selectAll(`.${CLASS.eventRectsSingle} rect`);
+					let lastX = 0;
+
+					expect(rect.size()).to.be.equal(args.data.json.x.length);
+
+					rect.each(function(d, i) {
+						const x = +this.getAttribute("x");
+
+						expect(+this.getAttribute("x")).to.be.above(lastX);
+						expect(+this.getAttribute("width")).to.be.above(0);
+
+						lastX = x;
+					});
+				});
+			});
+
 			describe("indexed", () => {
 				before(() => {
 					args = {

src/data/data.js

@@ -193,8 +193,15 @@ extend(ChartInternal.prototype, {
 
 	updateXs() {
 		const $$ = this;
+		const targets = $$.data.targets;
 
-		$$.xs = $$.axis.getTickValues("x") || [];
+		if (targets.length) {
+			$$.xs = [];
+
+			targets[0].values.forEach(v => {
+				$$.xs[v.index] = v.x;
+			});
+		}
 	},
 
 	getPrevX(i) {

src/interactions/interaction.js

@@ -61,9 +61,11 @@ extend(ChartInternal.prototype, {
 				.merge(eventRectUpdate);
 		} else {
 			// Set data and update $$.eventRect
-			const xAxisTickValues = $$.flowing ?
+			let xAxisTickValues = $$.axis.getTickValues("x");
+
+			xAxisTickValues = ($$.flowing || !xAxisTickValues || config.axis_x_tick_count) ?
 				$$.getMaxDataCountTarget($$.data.targets).values :
-				($$.axis.getTickValues("x") || []).map((x, index) => ({x, index}));
+				xAxisTickValues.map((x, index) => ({x, index}));
 
 			eventRects.datum(xAxisTickValues);