Positioning of labels: Difference between revisions

From JSXGraph Wiki
No edit summary
No edit summary
Line 1: Line 1:
<jsxgraph width="600" height="600">
<jsxgraph width="600" height="600">
var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-2,2,2,-2], axis:true, keepaspectratio:false});
var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-2,2,2,-2], axis:true});


var p = [];
var p = [];
Line 14: Line 14:
     },
     },
     id: p[0].X() + "_" + p[1].Y(),
     id: p[0].X() + "_" + p[1].Y(),
     label: {offset:[-300,0]}
     label: {offset:[-200,100]}           // Pixel values
});
});
</jsxgraph>
</jsxgraph>
===The JavaScript code===
<source lang="javascript">
var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-2,2,2,-2], axis:true});
var p = [];
for (var i=0; i<4; i++) {
    p.push(brd.create('point', [Math.random()*3.6-1.8, Math.random()*3.6-1.8]));
}
var pol = brd.create('polygon',p,{
    withLines:false,
    withLabel: true,
    name: function () {
        return "lala  " + p[1].Dist(p[2]).toFixed(2) + "m";
    },
    id: p[0].X() + "_" + p[1].Y(),
    label: {offset:[-200,100]}          // Pixel values
});
</source>
[[Category:Examples]]

Revision as of 10:39, 3 November 2012

The JavaScript code

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

var p = [];
for (var i=0; i<4; i++) {
    p.push(brd.create('point', [Math.random()*3.6-1.8, Math.random()*3.6-1.8]));
}

var pol = brd.create('polygon',p,{
    withLines:false,
    withLabel: true,
    name: function () {
        return "lala  " + p[1].Dist(p[2]).toFixed(2) + "m";
    },
    id: p[0].X() + "_" + p[1].Y(),
    label: {offset:[-200,100]}           // Pixel values
});