Number line: Difference between revisions

From JSXGraph Wiki
No edit summary
No edit summary
 
(4 intermediate revisions by the same user not shown)
Line 1: Line 1:
<jsxgraph width="400" height="300">
<jsxgraph width="400" height="300">
var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-5,2,5,-2]});
var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-5.2,2,5.2,-2]});
var axisx = brd.create('axis', [[0,0], [1,0]],  
var axisx = brd.create('axis', [[0,0], [1,0]],  
   {
   {
Line 8: Line 8:
       drawZero: true,
       drawZero: true,
       ticksDistance: 1,
       ticksDistance: 1,
       majorHeight: 10,
       majorHeight: 30,
       tickEndings: [1,1],
       tickEndings: [1,1],
       minorTicks: 1
       minorTicks: 0
     }
     }
   });
   });
var p = brd.create('glider', [2.2, 0, axisx], {});
</jsxgraph>
</jsxgraph>


===The underlying JavaScript code===
===The underlying JavaScript code===
<source lang="javascript">
<source lang="javascript">
 
var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-5.2,2,5.2,-2]});
var axisx = brd.create('axis', [[0,0], [1,0]],
  {
    firstArrow: true,
    lastArrow: true,
    ticks: {
      drawZero: true,
      ticksDistance: 1,
      majorHeight: 30,
      tickEndings: [1,1],
      minorTicks: 0
    }
  });
var p = brd.create('glider', [2.2, 0, axisx], {});
</source>
</source>


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

Latest revision as of 09:45, 10 July 2013

The underlying JavaScript code

var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-5.2,2,5.2,-2]});
var axisx = brd.create('axis', [[0,0], [1,0]], 
  {
    firstArrow: true,
    lastArrow: true,
    ticks: {
      drawZero: true,
      ticksDistance: 1,
      majorHeight: 30,
      tickEndings: [1,1],
      minorTicks: 0
    }
  });
var p = brd.create('glider', [2.2, 0, axisx], {});