Difference between revisions of "Positioning of labels"

From JSXGraph Wiki
Jump to navigationJump to search
 
(One intermediate revision by the same user not shown)
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]]
 +
[[Category:Text]]

Latest revision as of 18:29, 10 January 2013

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
});