Difference between revisions of "Google style chart"

From JSXGraph Wiki
Jump to navigationJump to search
Line 1: Line 1:
<html><form>
 
    <input type="button" value="Generate data" onClick="generateData()"> <br>
 
    <textarea id="eingabe" rows=8 cols=20>
 
    </textarea> <br>
 
    <input type="button" value="Plot it" onClick="doIt()">
 
</form></html>
 
 
<jsxgraph width="600" height="400">
 
<jsxgraph width="600" height="400">
 
         var graph1;
 
         var graph1;
 
         var brd = JXG.JSXGraph.initBoard('jxgbox', {originX: 20, originY: 300, axis: true, unitX: 28, unitY: 50});
 
         var brd = JXG.JSXGraph.initBoard('jxgbox', {originX: 20, originY: 300, axis: true, unitX: 28, unitY: 50});
  
         function generateData() {
+
         function doIt() {
             if (graph1) { brd.removeObject(graph1); }
+
             var i;
 
             var t = '';
 
             var t = '';
 
             for (var i=0;i<=20;i++) {
 
             for (var i=0;i<=20;i++) {
 
                 t += i+' '+brd.round(((Math.random()*4-2)+3),2)+'\n';
 
                 t += i+' '+brd.round(((Math.random()*4-2)+3),2)+'\n';
 
             }
 
             }
            $('eingabe').value = t;
+
             var a = t.split('\n');
        }
 
 
 
        function doIt() {
 
            var i;
 
            var s = $('eingabe').value.strip();
 
             var a = s.split('\n');
 
 
             var x = [0];
 
             var x = [0];
 
             var y = [0];
 
             var y = [0];
Line 34: Line 22:
 
                 brd.createElement('point', [b[0],b[1]], {strokeWidth:2, strokeColor:'#ffffff',  
 
                 brd.createElement('point', [b[0],b[1]], {strokeWidth:2, strokeColor:'#ffffff',  
 
                                     highlightStrokeColor:'#ffffff', fillColor:'white',   
 
                                     highlightStrokeColor:'#ffffff', fillColor:'white',   
                                     highlightFillColor:'#0077cc', style:6});  
+
                                     highlightFillColor:'#0077cc', style:6, name:''});  
 
             }
 
             }
 
             x.push(x[i]);
 
             x.push(x[i]);
Line 40: Line 28:
 
             brd.createElement('curve', [x,y], {strokeWidth:3, strokeColor:'#0077cc', highlightStrokeColor:'#0077cc',fillColor:'#e6f2fa'});  
 
             brd.createElement('curve', [x,y], {strokeWidth:3, strokeColor:'#0077cc', highlightStrokeColor:'#0077cc',fillColor:'#e6f2fa'});  
 
         }
 
         }
 +
brd.suspendUpdate();
 +
doIt();
 +
brd.unsuspendUpdate();
 
</jsxgraph>
 
</jsxgraph>
  
 
[[Category:Examples]]
 
[[Category:Examples]]

Revision as of 11:33, 9 May 2009