Polar curve plotter: Difference between revisions
From JSXGraph Wiki
A WASSERMANN (talk | contribs) No edit summary  | 
				A WASSERMANN (talk | contribs) No edit summary  | 
				||
| Line 41: | Line 41: | ||
   eval(document.getElementById("eingabe").value);  |    eval(document.getElementById("eingabe").value);  | ||
   graph = board.createElement('curve', [  |    graph = board.createElement('curve', [  | ||
             r, [0,0],    | |||
             function(){return a.Value();},    |              function(){return a.Value();},    | ||
             function(){return b.Value();}  |              function(){return b.Value();}  | ||
             ],    |              ],    | ||
             {strokeColor:'red', strokeWidth:2}  |              {curveType:'polar',strokeColor:'red', strokeWidth:2}  | ||
           );  |            );  | ||
   board.update();  |    board.update();  | ||
Revision as of 17:45, 20 March 2012
  
  
  
The JavaScript code
board = JXG.JSXGraph.initBoard('jxgbox', {axis:true, boundingbox:[-5,5,5,-5]});
a = board.createElement('slider', [[0,-1],[3,-1],[-4*Math.PI,0,0]], {style:6, name:'a'});
b = board.createElement('slider', [[0,-2],[3,-2],[0,7,4*Math.PI]], {style:6, name:'b'});
function plot(){
  eval(document.getElementById("eingabe").value);
  graph = board.createElement('curve', [
            r, [0,0], 
            function(){return a.Value();}, 
            function(){return b.Value();}
            ], 
            {curveType:'polar',strokeColor:'red', strokeWidth:2}
          );
  board.update();
} 
function clearAll() { 
  JXG.JSXGraph.freeBoard(board);
  board = JXG.JSXGraph.initBoard('jxgbox', {axis:true, originX: 250, originY: 250, unitX: 50, unitY: 50});
  a = board.createElement('slider', [[0,-1],[3,-1],[-4*Math.PI,0,0]], {style:6, name:'a'});
  b = board.createElement('slider', [[0,-2],[3,-2],[0,7,4*Math.PI]], {style:6, name:'b'});
}
plot();