Polar grid - Revision history

A WASSERMANN at 09:42, 31 March 2020

2020-03-31T09:42:28Z

← Older revision		Revision as of 09:42, 31 March 2020
Line 2:		Line 2:
	var board = JXG.JSXGraph.initBoard('jxgbox', {axis:false, boundingbox:[-5, 5, 5, -5]});		var board = JXG.JSXGraph.initBoard('jxgbox', {axis:false, boundingbox:[-5, 5, 5, -5]});

			// Horizontal axis with polar grid lines
	var ax1 = board.create('axis', [[0,0], [1,0]], {		var ax1 = board.create('axis', [[0,0], [1,0]], {
	ticks: {		ticks: {
	type: 'polar',		type: 'polar', // Polar grid
	label: {		label: { // Place the labels centered on the grid lines
	offset:[0, -3],		offset:[0, -3],
	anchorX: 'middle',		anchorX: 'middle',
Line 12:		Line 13:
	}		}
	});		});

			// Vertical axis with horizontal ticks
	var ax2 = board.create('axis', [[0,0], [0,1]], {		var ax2 = board.create('axis', [[0,0], [0,1]], {
	ticks: {		ticks: {
	majorHeight: 0,		majorHeight: 0, // Do not show the grid lines
	tickEndings: [1, 0],		tickEndings: [1, 0], // Let the ticks point to the left
	label: {		label: { // Position of the labels
	visible: true,		visible: true,
	offset: [-6, 0],		offset: [-6, 0],
Line 29:		Line 32:
	===The underlying JavaScript code===		===The underlying JavaScript code===
	<source lang="javascript">		<source lang="javascript">
			var board = JXG.JSXGraph.initBoard('jxgbox', {axis:false, boundingbox:[-5, 5, 5, -5]});

			// Horizontal axis with polar grid lines
			var ax1 = board.create('axis', [[0,0], [1,0]], {
			ticks: {
			type: 'polar', // Polar grid
			label: { // Place the labels centered on the grid lines
			offset:[0, -3],
			anchorX: 'middle',
			anchorY: 'top'
			}
			}
			});

			// Vertical axis with horizontal ticks
			var ax2 = board.create('axis', [[0,0], [0,1]], {
			ticks: {
			majorHeight: 0, // Do not show the grid lines
			tickEndings: [1, 0], // Let the ticks point to the left
			label: { // Position of the labels
			visible: true,
			offset: [-6, 0],
			anchorY: 'middle',
			anchorX: 'right'
			}
			}
			});
	</source>		</source>

	[[Category:Examples]]		[[Category:Examples]]
	[[Category:Calculus]]		[[Category:Calculus]]

A WASSERMANN at 09:39, 31 March 2020

2020-03-31T09:39:44Z

@@ Line 2: / Line 2: @@
 var board = JXG.JSXGraph.initBoard('jxgbox', {axis:false, boundingbox:[-5, 5, 5, -5]});
-var ax1 = board.create('axis', [[0,0], [1,0]], {ticks: {type: 'polar', label: {offset:[0, -3], anchorX: 'middle', anchorY: 'top'}}});
+var ax1 = board.create('axis', [[0,0], [1,0]], {
-var ax2 = board.create('axis', [[0,0], [0,1]], {ticks: {majorHeight: 0, minorHeight: -5, label: {visible: true, offset: [-6, 0], anchorY: 'middle', anchorX: 'right'}}});
+    ticks: {
 </jsxgraph>

A WASSERMANN at 09:37, 31 March 2020

2020-03-31T09:37:28Z

← Older revision		Revision as of 09:37, 31 March 2020
Line 3:		Line 3:

	var ax1 = board.create('axis', [[0,0], [1,0]], {ticks: {type: 'polar', label: {offset:[0, -3], anchorX: 'middle', anchorY: 'top'}}});		var ax1 = board.create('axis', [[0,0], [1,0]], {ticks: {type: 'polar', label: {offset:[0, -3], anchorX: 'middle', anchorY: 'top'}}});
	var ax2 = board.create('axis', [[0,0], [0,1]], {ticks: {majorHeight: 0, label: {visible: true, offset: [-6, 0], anchorY: 'middle', anchorX: 'right'}}});		var ax2 = board.create('axis', [[0,0], [0,1]], {ticks: {majorHeight: 0, minorHeight: -5, label: {visible: true, offset: [-6, 0], anchorY: 'middle', anchorX: 'right'}}});

	</jsxgraph>		</jsxgraph>

A WASSERMANN at 09:37, 31 March 2020

2020-03-31T09:37:03Z

← Older revision		Revision as of 09:37, 31 March 2020
Line 3:		Line 3:

	var ax1 = board.create('axis', [[0,0], [1,0]], {ticks: {type: 'polar', label: {offset:[0, -3], anchorX: 'middle', anchorY: 'top'}}});		var ax1 = board.create('axis', [[0,0], [1,0]], {ticks: {type: 'polar', label: {offset:[0, -3], anchorX: 'middle', anchorY: 'top'}}});
	var ax2 = board.create('axis', [[0,0], [0,1]], {ticks: {~~visible~~: ~~false~~, label: {visible: true, offset: [-6, 0], anchorY: 'middle', anchorX: 'right'}}});		var ax2 = board.create('axis', [[0,0], [0,1]], {ticks: {majorHeight: 0, label: {visible: true, offset: [-6, 0], anchorY: 'middle', anchorX: 'right'}}});

	</jsxgraph>		</jsxgraph>

A WASSERMANN at 09:36, 31 March 2020

2020-03-31T09:36:40Z

← Older revision		Revision as of 09:36, 31 March 2020
Line 2:		Line 2:
	var board = JXG.JSXGraph.initBoard('jxgbox', {axis:false, boundingbox:[-5, 5, 5, -5]});		var board = JXG.JSXGraph.initBoard('jxgbox', {axis:false, boundingbox:[-5, 5, 5, -5]});

	var ax1 = board.create('axis', [[0,0], [1,0]], {ticks: {type: 'polar', label: {offset:[0, -3]}}});		var ax1 = board.create('axis', [[0,0], [1,0]], {ticks: {type: 'polar', label: {offset:[0, -3], anchorX: 'middle', anchorY: 'top'}}});
	var ax2 = board.create('axis', [[0,0], [0,1]], {ticks: {visible: false, label: {visible: true, offset: [-6, 0], anchorY: 'middle', anchorX: 'right'}}});		var ax2 = board.create('axis', [[0,0], [0,1]], {ticks: {visible: false, label: {visible: true, offset: [-6, 0], anchorY: 'middle', anchorX: 'right'}}});

A WASSERMANN at 09:35, 31 March 2020

2020-03-31T09:35:52Z

← Older revision		Revision as of 09:35, 31 March 2020
Line 3:		Line 3:

	var ax1 = board.create('axis', [[0,0], [1,0]], {ticks: {type: 'polar', label: {offset:[0, -3]}}});		var ax1 = board.create('axis', [[0,0], [1,0]], {ticks: {type: 'polar', label: {offset:[0, -3]}}});
	var ax2 = board.create('axis', [[0,0], [0,1]], {ticks: {visible: false, label: {visible: true, offset: [-6, 0]}}});		var ax2 = board.create('axis', [[0,0], [0,1]], {ticks: {visible: false, label: {visible: true, offset: [-6, 0], anchorY: 'middle', anchorX: 'right'}}});

	</jsxgraph>		</jsxgraph>

A WASSERMANN at 09:35, 31 March 2020

2020-03-31T09:35:10Z

← Older revision		Revision as of 09:35, 31 March 2020
Line 2:		Line 2:
	var board = JXG.JSXGraph.initBoard('jxgbox', {axis:false, boundingbox:[-5, 5, 5, -5]});		var board = JXG.JSXGraph.initBoard('jxgbox', {axis:false, boundingbox:[-5, 5, 5, -5]});

	var ax1 = board.create('axis', [[0,0], [1,0]], {ticks: {type: 'polar', label: {offset:[0, 5]}}});		var ax1 = board.create('axis', [[0,0], [1,0]], {ticks: {type: 'polar', label: {offset:[0, -3]}}});
	var ax2 = board.create('axis', [[0,0], [0,1]], {ticks: {visible: false, label: {visible: true, offset: [5, 0]}}});		var ax2 = board.create('axis', [[0,0], [0,1]], {ticks: {visible: false, label: {visible: true, offset: [-6, 0]}}});

	</jsxgraph>		</jsxgraph>

A WASSERMANN at 09:34, 31 March 2020

2020-03-31T09:34:04Z

← Older revision		Revision as of 09:34, 31 March 2020
Line 2:		Line 2:
	var board = JXG.JSXGraph.initBoard('jxgbox', {axis:false, boundingbox:[-5, 5, 5, -5]});		var board = JXG.JSXGraph.initBoard('jxgbox', {axis:false, boundingbox:[-5, 5, 5, -5]});

	var ax1 = board.create('axis', [[0,0], [1,0]], {ticks: {type: 'polar'}});		var ax1 = board.create('axis', [[0,0], [1,0]], {ticks: {type: 'polar', label: {offset:[0, 5]}}});
	var ax2 = board.create('axis', [[0,0], [0,1]], {ticks: {visible: false, label: {visible: true, offset: [10, 0]}}});		var ax2 = board.create('axis', [[0,0], [0,1]], {ticks: {visible: false, label: {visible: true, offset: [5, 0]}}});

	</jsxgraph>		</jsxgraph>

A WASSERMANN at 09:33, 31 March 2020

2020-03-31T09:33:25Z

← Older revision		Revision as of 09:33, 31 March 2020
Line 3:		Line 3:

	var ax1 = board.create('axis', [[0,0], [1,0]], {ticks: {type: 'polar'}});		var ax1 = board.create('axis', [[0,0], [1,0]], {ticks: {type: 'polar'}});
	var ax2 = board.create('axis', [[0,0], [0,1]], {ticks: {visible: false, label: {visible: true}}});		var ax2 = board.create('axis', [[0,0], [0,1]], {ticks: {visible: false, label: {visible: true, offset: [10, 0]}}});

	</jsxgraph>		</jsxgraph>

A WASSERMANN at 09:32, 31 March 2020

2020-03-31T09:32:59Z

← Older revision		Revision as of 09:32, 31 March 2020
Line 3:		Line 3:

	var ax1 = board.create('axis', [[0,0], [1,0]], {ticks: {type: 'polar'}});		var ax1 = board.create('axis', [[0,0], [1,0]], {ticks: {type: 'polar'}});
	var ax2 = board.create('axis', [[0,0], [0,1]], {ticks: {visible: false, ~~labels~~: {visible: true}}});		var ax2 = board.create('axis', [[0,0], [0,1]], {ticks: {visible: false, label: {visible: true}}});

	</jsxgraph>		</jsxgraph>