Difference between revisions of "Harmonic Waves"

From JSXGraph Wiki
Jump to navigationJump to search
Line 10: Line 10:
 
     board1.createElement('axis', [[0,0], [0,1]], {});
 
     board1.createElement('axis', [[0,0], [0,1]], {});
 
     var s = board1.createElement('slider', [[0.75,-2],[5,-2],[0,0,10]], {name:'S'});
 
     var s = board1.createElement('slider', [[0.75,-2],[5,-2],[0,0,10]], {name:'S'});
     board1.createElement('curve', [
+
     board1.createElement('functiongraph', [
        't',
 
 
         function(t) {
 
         function(t) {
 
             var val = 0;
 
             var val = 0;
Line 20: Line 19:
 
             }
 
             }
 
             return val+2;
 
             return val+2;
             }, "t", -10, 10], {strokeColor: "#bb0000", curveType:'plot'});
+
             }, -10, 10], {strokeColor: "#bb0000", curveType:'plot'});
 
      
 
      
         board1.createElement('curve', [
+
         board1.createElement('functiongraph', [
            't',
 
 
             function(t) {
 
             function(t) {
 
                 var val = 0;
 
                 var val = 0;
Line 32: Line 30:
 
                 }
 
                 }
 
                 return val-2;
 
                 return val-2;
                 }, "t", -10, 10], {strokeColor: "#cc5520", curveType:'plot'});
+
                 }, -10, 10], {strokeColor: "#cc5520", curveType:'plot'});
  
 
     board1.unsuspendUpdate();         
 
     board1.unsuspendUpdate();         
Line 44: Line 42:
 
     board1.createElement('axis', [[0,0], [0,1]], {});
 
     board1.createElement('axis', [[0,0], [0,1]], {});
 
     var s = board1.createElement('slider', [[0.75,-2],[5,-2],[0,0,10]], {name:'S'});
 
     var s = board1.createElement('slider', [[0.75,-2],[5,-2],[0,0,10]], {name:'S'});
     board1.createElement('curve', [
+
     board1.createElement('functiongraph', [
        't',
 
 
         function(t) {
 
         function(t) {
 
             var val = 0;
 
             var val = 0;
Line 54: Line 51:
 
             }
 
             }
 
             return val+2;
 
             return val+2;
             }, "t", -10, 10], {strokeColor: "#bb0000", curveType:'plot'});
+
             }, -10, 10], {strokeColor: "#bb0000", curveType:'plot'});
 
      
 
      
         board1.createElement('curve', [
+
         board1.createElement('functiongraph', [
            't',
 
 
             function(t) {
 
             function(t) {
 
                 var val = 0;
 
                 var val = 0;
Line 66: Line 62:
 
                 }
 
                 }
 
                 return val-2;
 
                 return val-2;
                 }, "t", -10, 10], {strokeColor: "#cc5520", curveType:'plot'});
+
                 }, -10, 10], {strokeColor: "#cc5520", curveType:'plot'});
  
 
     board1.unsuspendUpdate();         
 
     board1.unsuspendUpdate();         

Revision as of 13:45, 10 March 2009

    board1 = JXG.JSXGraph.initBoard('jxgbox1', {originX: 300, originY: 200, unitX: 50, unitY: 50});
    board1.suspendUpdate();
    board1.createElement('axis', [[0,0], [1,0]], {});
    board1.createElement('axis', [[0,0], [0,1]], {});
    var s = board1.createElement('slider', [[0.75,-2],[5,-2],[0,0,10]], {name:'S'});
    board1.createElement('functiongraph', [
        function(t) {
            var val = 0;
            var k = 1;
            for(var i = 0; i < Math.floor(s.X()) + 1; i++) {
                val = val + Math.sin(2*Math.PI*k*t)/k;
                k += 1;
            }
            return val+2;
            }, -10, 10], {strokeColor: "#bb0000", curveType:'plot'});
    
        board1.createElement('functiongraph', [
            function(t) {
                var val = 0;
                var k = 1;
                for(var i = 0; i < Math.floor(s.X()) + 1; i++) {
                    val = val + Math.sin(2*Math.PI*(2*k-1)*t)/(2*k-1);
                    k += 1;
                }
                return val-2;
                }, -10, 10], {strokeColor: "#cc5520", curveType:'plot'});

    board1.unsuspendUpdate();