Google style chart - Revision history

A WASSERMANN at 13:11, 3 March 2021

2021-03-03T13:11:20Z

← Older revision		Revision as of 13:11, 3 March 2021
Line 11:		Line 11:
	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 19:		Line 19:

	// 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 29:		Line 29:
	}		}
	// 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 56:		Line 56:
	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 64:		Line 64:

	// 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 74:		Line 74:
	}		}
	// 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'}

Michael at 14:31, 7 June 2011

2011-06-07T14:31:41Z

← Older revision		Revision as of 14:31, 7 June 2011
Line 44:		Line 44:

	===JavaScript code to produce this chart===		===JavaScript code to produce this chart===
	<source lang="~~xml">~~		<source lang="javascript">
	~~<jsxgraph width="647" height="400~~">
	var graph1;		var graph1;
	var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-1,6,21,-1], axis: true});		var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-1,6,21,-1], axis: true});
Line 87:		Line 86:
	doIt();		doIt();
	brd.unsuspendUpdate();		brd.unsuspendUpdate();
	~~</jsxgraph>~~
	</source>		</source>

	[[Category:Examples]]		[[Category:Examples]]
	[[Category:Charts]]		[[Category:Charts]]

A WASSERMANN at 13:59, 21 December 2009

2009-12-21T13:59:41Z

← Older revision		Revision as of 13:59, 21 December 2009
Line 45:		Line 45:
	===JavaScript code to produce this chart===		===JavaScript code to produce this chart===
	<source lang="xml">		<source lang="xml">
	<jsxgraph width="~~600~~" height="400">		<jsxgraph width="647" height="400">
	var graph1;		var graph1;
	var brd = JXG.JSXGraph.initBoard('jxgbox', {~~originX~~: 20, ~~originY: 300~~, axis: true~~, unitX: 28, unitY: 50~~});		var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-1,6,21,-1], axis: true});

	function doIt() {		function doIt() {

A WASSERMANN at 13:59, 21 December 2009

2009-12-21T13:59:23Z

← Older revision		Revision as of 13:59, 21 December 2009
Line 1:		Line 1:
	<jsxgraph width="~~600~~" height="400">		<jsxgraph width="647" height="400">
	var graph1;		var graph1;
	var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-1,6,21,-1], axis: true});		var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-1,6,21,-1], axis: true});

A WASSERMANN at 13:58, 21 December 2009

2009-12-21T13:58:55Z

← Older revision		Revision as of 13:58, 21 December 2009
Line 1:		Line 1:
	<jsxgraph width="600" height="400">		<jsxgraph width="600" height="400">
	var graph1;		var graph1;
	var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-2,6,22,-2], axis: true});		var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-1,6,21,-1], axis: true});

	function doIt() {		function doIt() {

A WASSERMANN at 13:58, 21 December 2009

2009-12-21T13:58:39Z

← Older revision		Revision as of 13:58, 21 December 2009
Line 1:		Line 1:
	<jsxgraph width="600" height="400">		<jsxgraph width="600" height="400">
	var graph1;		var graph1;
	var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-2,6,-2~~,22~~], axis: true});		var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-2,6,22,-2], axis: true});

	function doIt() {		function doIt() {

A WASSERMANN at 13:58, 21 December 2009

2009-12-21T13:58:15Z

← Older revision		Revision as of 13:58, 21 December 2009
Line 1:		Line 1:
	<jsxgraph width="600" height="400">		<jsxgraph width="600" height="400">
	var graph1;		var graph1;
	var brd = JXG.JSXGraph.initBoard('jxgbox', {~~originX~~: 20, ~~originY: 300~~, axis: true~~, unitX: 28, unitY: 50~~});		var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-2,6,-2,22], axis: true});

	function doIt() {		function doIt() {

Bianca: Google style charts moved to Google style chart

2009-08-20T11:55:04Z

Google style charts moved to Google style chart

← Older revision	Revision as of 11:55, 20 August 2009
(No difference)

Bianca: Charts - Google style moved to Google style charts

2009-08-20T11:54:25Z

Charts - Google style moved to Google style charts

← Older revision	Revision as of 11:54, 20 August 2009
(No difference)

Bianca: /* JavaScript code to produce this chart */

2009-08-20T11:50:40Z

JavaScript code to produce this chart

← Older revision		Revision as of 11:50, 20 August 2009
Line 91:		Line 91:

	[[Category:Examples]]		[[Category:Examples]]
			[[Category:Charts]]