label pos test

an overview over all label positions

by migerh

HTML

<link rel="stylesheet" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css">
<script src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>
<div id="jxgbox"></div>

CSS

#jxgbox {
    width: 700px;
    height: 700px;
}

JavaScript

var i, pos = [
        'lft', 'ulft', 'llft', 'rt', 'urt', 'lrt', 'top', 'bot'
    ],
    len = pos.length, color, p, q;

var board = JXG.JSXGraph.initBoard('jxgbox', {
    boundingbox: [-5, Math.ceil(len/2) + 1, 5, -Math.ceil(len/2) - 1],
    axis: false,
    grid: false
});


for (i = 0; i < len; i++) {
    color = JXG.hsv2rgb(i/len*360, 1, 1);
    p = board.create('point', [0, i - Math.ceil(len/2)], {withLabel: false, color: color});
    q = board.create('point', [1, i - Math.ceil(len/2)], {withLabel: false, color: color});
    board.create('line', [p, q], {
        withLabel: true,
        strokeColor: color,
        name: pos[i],
        label: {
            position: pos[i],
            strokeColor: color
        }
    });
}