Hyperbola: Difference between revisions

From JSXGraph Wiki
No edit summary
No edit summary
Line 20: Line 20:
var board = JXG.JSXGraph.initBoard('jxgbox', { boundingbox: [-5, 5, 5, -5], axis: true, showClearTraces: true});
var board = JXG.JSXGraph.initBoard('jxgbox', { boundingbox: [-5, 5, 5, -5], axis: true, showClearTraces: true});


var h = board.create('hyperbola', [[-1/Math.sqrt(2),0], [1/Math.sqrt(2),0], [2, Math.sqrt(3)]]);
var h = board.create('hyperbola', [[-Math.sqrt(2),0], [Math.sqrt(2),0], [2, Math.sqrt(3)]]);
var l1 = board.create('line', [0, 1, 1], {dash: 1});
var l1 = board.create('line', [0, 1, 1], {dash: 1});
var l2 = board.create('line', [0, -1, 1], {dash: 1});
var l2 = board.create('line', [0, -1, 1], {dash: 1});

Revision as of 19:39, 13 June 2021

The underlying JavaScript code

<jsxgraph width="500" height="500">
JXG.Options.label.autoPosition = true;
JXG.Options.text.fontSize = 16;
JXG.Options.line.strokeWidth = 0.8;

var board = JXG.JSXGraph.initBoard('jxgbox', { boundingbox: [-5, 5, 5, -5], axis: true, showClearTraces: true});

var h = board.create('hyperbola', [[-Math.sqrt(2),0], [Math.sqrt(2),0], [2, Math.sqrt(3)]]);
var l1 = board.create('line', [0, 1, 1], {dash: 1});
var l2 = board.create('line', [0, -1, 1], {dash: 1});