Step function II: Difference between revisions

From JSXGraph Wiki
No edit summary
No edit summary
Line 8: Line 8:


// Dynamic example
// Dynamic example
var p = board.create('point', [-1, 3], {name:'drag me'});
var p = board.create('point', [-1, 5], {name:'drag me'});
var curve2 = board.create('stepfunction', [[0,1,2,3,4,5], [1,3,0,2,2,1]], {strokeColor:'red'});
var curve2 = board.create('stepfunction', [[0,1,2,3,4,5], [1,3,0,2,2,1]], {strokeColor:'red'});
board.on('update', function() {
board.on('update', function() {
Line 16: Line 16:
   }
   }
});
});
board.update();


</jsxgraph>
</jsxgraph>
Line 26: Line 27:


// Dynamic example
// Dynamic example
var p = board.create('point', [-1, 3], {name:'drag me'});
var p = board.create('point', [-1, 5], {name:'drag me'});
var curve2 = board.create('stepfunction', [[0,1,2,3,4,5], [1,3,0,2,2,1]], {strokeColor:'red'});
var curve2 = board.create('stepfunction', [[0,1,2,3,4,5], [1,3,0,2,2,1]], {strokeColor:'red'});
board.on('update', function() {
board.on('update', function() {
Line 34: Line 35:
   }
   }
});
});
board.update();
</source>
</source>


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

Revision as of 08:12, 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});

// 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', [-1, 5], {name:'drag me'});
var curve2 = board.create('stepfunction', [[0,1,2,3,4,5], [1,3,0,2,2,1]], {strokeColor:'red'});
board.on('update', function() {
  var i, len = curve2.xterm.length;
  for (i=0; i<len; i++) {
    curve2.yterm[i] = Math.random()*p.Y();
  }
});
board.update();