Step function II: Difference between revisions
From JSXGraph Wiki
A WASSERMANN (talk | contribs) No edit summary |
A WASSERMANN (talk | contribs) No edit summary |
||
| Line 3: | Line 3: | ||
<jsxgraph width="600" height="400"> | <jsxgraph width="600" height="400"> | ||
var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-5,8,8,-5], axis:true}); | var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-5,8,8,-5], axis:true}); | ||
// Static example | |||
var curve = board.create('stepfunction', [[0,1,2,3,4,5], [1,3,0,2,2,1]]); | |||
// Dynamic example | |||
var p = board.create('point', [0, 1]); | |||
var curve2 = board.create('stepfunction', [[0,1,2,3,4,5], [1,3,0,2,2,1]]); | |||
board.on('update', function() { | |||
var i, len = curve2.xterm.length; | |||
for (i=0; i<len; i++) { | |||
curve2.yterm[i] = Math.random()*p.Y(); | |||
} | |||
}); | |||
</jsxgraph> | </jsxgraph> | ||
Revision as of 08:09, 10 April 2014
This is an example for the element stepfunction. Here, the steps are drawn. Step functions can also be realized as function graphs, where the steps are invisible, see Step function.
The underlying JavaScript code
var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-5,8,8,-5], axis:true});
