Difference between revisions of "Curve"

From JSXGraph Wiki
Jump to: navigation, search
Line 25: Line 25:
 
</html>
 
</html>
  
Now we can plot for example a sine curve from -&pi; to &pi;.
+
Now we can plot for example a sine curve from -&pi; to 4&pi;.
 
<source lang="javascript">
 
<source lang="javascript">
 
b.createElement('curve', ['x',function(x){return Math.sin(x);},'x',-Math.PI,2*Math.PI],{curveType:'plot'});
 
b.createElement('curve', ['x',function(x){return Math.sin(x);},'x',-Math.PI,2*Math.PI],{curveType:'plot'});
Line 35: Line 35:
 
axisx = b2.createElement('axis', [[1,0], [0,0]], {});
 
axisx = b2.createElement('axis', [[1,0], [0,0]], {});
 
axisy = b2.createElement('axis', [[0,1], [0,0]], {});
 
axisy = b2.createElement('axis', [[0,1], [0,0]], {});
b2.createElement('curve', ['x',function(x){return Math.sin(x);},'x',-Math.PI,2*Math.PI],{curveType:'plot'});
+
b2.createElement('curve', ['x',function(x){return Math.sin(x);},'x',-Math.PI,4*Math.PI],{curveType:'plot'});
 
</script>
 
</script>
 
</html>
 
</html>

Revision as of 09:51, 19 September 2008

There are various possibilities to display curves and plots. JSXGraph supports the following curve types which can be set by changing the property "curveType". In many cases JSXGraph can guess the curveType from the input parameters, but sometimes the curveType has to be set explicitly.

  • 'plot': function plotter
  • 'parameter': parameter curves.
  • 'graph': data plot
  • 'polar': polar curves

Function plotter - curveType:'plot'

First, we initialize the board and set axes:

var b = JXG.JSXGraph.initBoard('jxgbox', {originX: 200, originY: 200, unitX: 20, unitY: 20});        
axisx = b.createElement('axis', [[1,0], [0,0]], {});
axisy = b.createElement('axis', [[0,1], [0,0]], {});

Now we can plot for example a sine curve from -π to 4π.

b.createElement('curve', ['x',function(x){return Math.sin(x);},'x',-Math.PI,2*Math.PI],{curveType:'plot'});