Resize board

by Javier Puértolas

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jsxgraph/1.3.5/jsxgraphcore.js"></script>
<div id="jxgbox" class="jxgbox" style="width:500px; height:500px">
</div>

JavaScript

var C = 10;
var board = JXG.JSXGraph.initBoard('jxgbox', {
  boundingbox: [-10, 10, 10, -10],
  axis: true
});

var varm = board.create('slider',[[-2,2],[2,2],[2, 10, 20]], {
		name:'Para', 
		size:3, 	snapWidth: 1,
		withLabel: false,
		withTicks: false, 
		strokeWidth:1,
		fillColor: 'lightgray', 
		strokeColor: 'gray',
		baseline: {strokeWidth:3, strokeColor:'gray', linecap: 'round'},
		highline: {strokeWidth:0}});




varm.on('move', function(){board.setBoundingBox([-10,10, varm.Value() ,-10], false);});

board.create('functiongraph', ['50-x']);
var s = board.create('slider', [[-5,-5], [5,-5], [-5, 1, 5]]);
var p = board.create('point', [1, 1]);

s.on('drag', function() {
    p.moveTo([s.Value(), p.Y()]);
});

p.on('drag', function() {
    s.setValue(p.X());
    board.update();
});