add points directly by clicking on the graph

[nhammad]

Currently, we click on points on the grid and then they get added to the graph. Is there any way we can modify this such that we can add points by directly clicking on the graph itself?

[MenesesGHZ]

Yes, it can be done by just adding to the Graph.js component the same logic as the Drawer.js component.

[MenesesGHZ]

Drawer.js logic:

polynomial-regression-js/src/components/Drawer.js

Lines 25 to 30 in f656958

	onMouseMove(e){
	this.setState({ x: parseFloat((e.nativeEvent.offsetX/this.width).toFixed(3)),
	y: parseFloat(((this.height-e.nativeEvent.offsetY)/this.height).toFixed(3))},
	()=>{if(this.state.hoverMode) this.addCoord()}
	);
	}

polynomial-regression-js/src/components/Drawer.js

Lines 36 to 40 in f656958

	addCoord(){
	const coord = {x:this.state.x,
	y:this.state.y};
	this.props.addCoord(coord);
	}