Google style chart - interactive - Revision history

A WASSERMANN at 13:12, 3 March 2021

2021-03-03T13:12:36Z

← Older revision		Revision as of 13:12, 3 March 2021
Line 12:		Line 12:
	var start = 0;		var start = 0;
	var end = 20;		var end = 20;
	points.push(brd.~~createElement~~('point', [start,0], {visible:false, name:'', fixed:true}));		points.push(brd.create('point', [start,0], {visible:false, name:'', fixed:true}));
	for (i=start;i<=end;i++) {		for (i=start;i<=end;i++) {

Line 20:		Line 20:

	// Plot it		// Plot it
	p = brd.~~createElement~~('point', [x1,y1],		p = brd.create('point', [x1,y1],
	{strokeWidth:2, strokeColor:'#ffffff',		{strokeWidth:2, strokeColor:'#ffffff',
	highlightStrokeColor:'#0077cc', fillColor:'#0077cc',		highlightStrokeColor:'#0077cc', fillColor:'#0077cc',
Line 40:		Line 40:
	}		}
	// Filled area. We need two additional points [start,0] and [end,0]		// Filled area. We need two additional points [start,0] and [end,0]
	points.push(brd.~~createElement~~('point', [end,0], {visible:false, name:'', fixed:true}));		points.push(brd.create('point', [end,0], {visible:false, name:'', fixed:true}));
	brd.~~createElement~~('polygon',points, {withLines:false,fillColor:'#e6f2fa'});		brd.create('polygon',points, {withLines:false,fillColor:'#e6f2fa'});

	// Curve:		// Curve:
	brd.~~createElement~~('curve', [x,y],		brd.create('curve', [x,y],
	{strokeWidth:3, strokeColor:'#0077cc',		{strokeWidth:3, strokeColor:'#0077cc',
	highlightStrokeColor:'#0077cc'}		highlightStrokeColor:'#0077cc'}
Line 65:		Line 65:
	var start = 0;		var start = 0;
	var end = 20;		var end = 20;
	points.push(brd.~~createElement~~('point', [start,0], {visible:false, name:'', fixed:true}));		points.push(brd.create('point', [start,0], {visible:false, name:'', fixed:true}));
	for (i=start;i<=end;i++) {		for (i=start;i<=end;i++) {

Line 73:		Line 73:

	// Plot it		// Plot it
	p = brd.~~createElement~~('point', [x1,y1],		p = brd.create('point', [x1,y1],
	{strokeWidth:2, strokeColor:'#ffffff',		{strokeWidth:2, strokeColor:'#ffffff',
	highlightStrokeColor:'#0077cc', fillColor:'#0077cc',		highlightStrokeColor:'#0077cc', fillColor:'#0077cc',
Line 93:		Line 93:
	}		}
	// Filled area. We need two additional points [start,0] and [end,0]		// Filled area. We need two additional points [start,0] and [end,0]
	points.push(brd.~~createElement~~('point', [end,0], {visible:false, name:'', fixed:true}));		points.push(brd.create('point', [end,0], {visible:false, name:'', fixed:true}));
	brd.~~createElement~~('polygon',points, {withLines:false,fillColor:'#e6f2fa'});		brd.create('polygon',points, {withLines:false,fillColor:'#e6f2fa'});

	// Curve:		// Curve:
	brd.~~createElement~~('curve', [x,y],		brd.create('curve', [x,y],
	{strokeWidth:3, strokeColor:'#0077cc',		{strokeWidth:3, strokeColor:'#0077cc',
	highlightStrokeColor:'#0077cc'}		highlightStrokeColor:'#0077cc'}

A WASSERMANN at 15:26, 29 July 2011

2011-07-29T15:26:56Z

← Older revision		Revision as of 15:26, 29 July 2011
Line 1:		Line 1:
	By clicking on points one ~~canset~~ new y-coordinates.		By clicking on points one can set new values for the y-coordinates.
	<jsxgraph width="647" height="400">		<jsxgraph width="647" height="400">
	var graph1;		var graph1;

A WASSERMANN at 08:17, 6 July 2011

2011-07-06T08:17:53Z

@@ Line 1: / Line 1: @@
 <jsxgraph width="647" height="400">
   var graph1;
@@ Line 48: / Line 49: @@
                 );
+}
 doIt();
 </jsxgraph>

A WASSERMANN at 08:15, 6 July 2011

2011-07-06T08:15:55Z

← Older revision		Revision as of 08:15, 6 July 2011
Line 33:		Line 33:
	var p = points[i+1]; // The point number is one off		var p = points[i+1]; // The point number is one off
	var v = prompt("New value:", p.Y())*1.0;		var v = prompt("New value:", p.Y())*1.0;
	p.setPosition(JXG.COORDS_BY_USER, p.X(), v);		p.setPosition(JXG.COORDS_BY_USER, p.X(), v); // New coordinates for the point
	y[i] = v;		y[i] = v; // New coordinates for the curve
	brd.update();		brd.update();
	};		};

A WASSERMANN at 08:15, 6 July 2011

2011-07-06T08:15:01Z

← Older revision		Revision as of 08:15, 6 July 2011
Line 30:		Line 30:
	p.rendNode._num = i; // memorize the number of this point in the array		p.rendNode._num = i; // memorize the number of this point in the array
	p.rendNode.onclick = function() {		p.rendNode.onclick = function() {
	var p = points[~~this._num~~+1];		var i = this._num; // Now we can access the number again
			var p = points[i+1]; // The point number is one off
	var v = prompt("New value:", p.Y())*1.0;		var v = prompt("New value:", p.Y())*1.0;
	p.setPosition(JXG.COORDS_BY_USER, p.X(), v);		p.setPosition(JXG.COORDS_BY_USER, p.X(), v);
	y[~~this._num~~] = v;		y[i] = v;
	brd.update();		brd.update();
	};		};

A WASSERMANN at 08:02, 6 July 2011

2011-07-06T08:02:13Z

← Older revision		Revision as of 08:02, 6 July 2011
Line 30:		Line 30:
	p.rendNode._num = i; // memorize the number of this point in the array		p.rendNode._num = i; // memorize the number of this point in the array
	p.rendNode.onclick = function() {		p.rendNode.onclick = function() {
	var p = points[this._num];		var p = points[this._num+1];
	var v = prompt("New value:", p.Y())*1.0;		var v = prompt("New value:", p.Y())*1.0;
	p.setPosition(JXG.COORDS_BY_USER, p.X(), v);		p.setPosition(JXG.COORDS_BY_USER, p.X(), v);

A WASSERMANN at 08:01, 6 July 2011

2011-07-06T08:01:18Z

← Older revision		Revision as of 08:01, 6 July 2011
Line 25:		Line 25:
	);		);
	points.push(p);		points.push(p);
			x.push(x1);
			y.push(y1);

	p.rendNode._num = i; // memorize the number of this point in the array		p.rendNode._num = i; // memorize the number of this point in the array
Line 34:		Line 36:
	brd.update();		brd.update();
	};		};

	~~x.push(x1);~~
	~~y.push(y1);~~
	}		}
	// Filled area. We need two additional points [start,0] and [end,0]		// Filled area. We need two additional points [start,0] and [end,0]

A WASSERMANN at 08:00, 6 July 2011

2011-07-06T08:00:47Z

← Older revision		Revision as of 08:00, 6 July 2011
Line 24:		Line 24:
	highlightFillColor:'#0077cc', style:6, name:'', fixed:true}		highlightFillColor:'#0077cc', style:6, name:'', fixed:true}
	);		);
			points.push(p);

	p.rendNode._num = i; // memorize the number of this point in the array		p.rendNode._num = i; // memorize the number of this point in the array
Line 34:		Line 35:
	};		};

	~~points.push(p);~~
	x.push(x1);		x.push(x1);
	y.push(y1);		y.push(y1);

A WASSERMANN at 08:00, 6 July 2011

2011-07-06T08:00:15Z

← Older revision		Revision as of 08:00, 6 July 2011
Line 25:		Line 25:
	);		);

	p.~~num~~ = i; // memorize the number of this point in the array		p.rendNode._num = i; // memorize the number of this point in the array
	p.rendNode.onclick = function() {		p.rendNode.onclick = function() {
			var p = points[this._num];
	var v = prompt("New value:", p.Y())*1.0;		var v = prompt("New value:", p.Y())*1.0;
	p.setPosition(JXG.COORDS_BY_USER, p.X(), v);		p.setPosition(JXG.COORDS_BY_USER, p.X(), v);
	y[p.~~num~~] = v;		y[this._num] = v;
	brd.update();		brd.update();
	};		};

A WASSERMANN at 07:58, 6 July 2011

2011-07-06T07:58:18Z

← Older revision		Revision as of 07:58, 6 July 2011
Line 28:		Line 28:
	p.rendNode.onclick = function() {		p.rendNode.onclick = function() {
	var v = prompt("New value:", p.Y())*1.0;		var v = prompt("New value:", p.Y())*1.0;
	~~this~~.setPosition(JXG.COORDS_BY_USER, p.X(), v);		p.setPosition(JXG.COORDS_BY_USER, p.X(), v);
	y[p.num] = v;		y[p.num] = v;
	brd.update();		brd.update();