Add xInterval and yInterval attributes

Author: riccardoscalco

demo/index.html

@@ -29,6 +29,8 @@
 		function update(elements) {
 			for (const el of elements) {
 				el.data = getRandomData(N);
+				el.xInterval = [0, 10];
+				el.yInterval = [0, 1];
 			}
 		}
 

src/index.js

@@ -9,6 +9,8 @@ export const TrendLine = {
 	margin: 20,
 	width: 100,
 	height: 100,
+	xInterval: [],
+	yInterval: [],
 	render,
 	...layout,
 	...path,

src/path.js

@@ -3,11 +3,17 @@ import {line, curveBasis} from 'https://cdn.skypack.dev/d3-shape@3';
 import {extent} from 'https://cdn.skypack.dev/d3-array@3';
 
 export const xDomain = {
-	get: ({data}) => extent(data, element => element[0]),
+	get: ({data, xInterval}) =>
+		xInterval.length === 2
+			? xInterval
+			: extent(data, element => element[0]),
 };
 
 export const yDomain = {
-	get: ({data}) => extent(data, element => element[1]),
+	get: ({data, yInterval}) =>
+		yInterval.length === 2
+			? yInterval
+			: extent(data, element => element[1]),
 };
 
 export const xScale = {