frozen axis
HTML
<script src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>
<link rel="stylesheet" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css">
<div id="jxgbox" style="width:500px; height:500px;"></div>
JavaScript
var board = JXG.JSXGraph.initBoard('jxgbox', {
boundingbox: [-5, 5, 5, -5],
axis: true
});
var p00 = board.create('point', [function () {
var coords = new JXG.Coords(JXG.COORDS_BY_SCREEN, [0, board.canvasHeight - 50], board);
return coords.usrCoords;
}], {needsRegularUpdate: false, visible: false});
var p10 = board.create('point', [function () {
var coords = new JXG.Coords(JXG.COORDS_BY_SCREEN, [board.canvasWidth, board.canvasHeight - 50], board);
return coords.usrCoords;
}], {needsRegularUpdate: false, visible: false});
var l = board.create('axis', [p00, p10], {needsRegularUpdate: false, strokeColor: 'green',
grid:{
minorHeight: 5
}});