Difference between revisions of "Positioning of labels"
From JSXGraph Wiki
Jump to navigationJump to searchA WASSERMANN (talk | contribs) |
A WASSERMANN (talk | contribs) |
||
| 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 | + | 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:[- | + | 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 12: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
});
