point label color and position

[Christian Bauer]

Hi all,

I want to change the position and color of some (not all) labels of points in my graph. How do I do this?

var P1 = b1.create('point',[1,0],{face:'o',name:'K_1',label:{offset:[-10,-25]}});

works for the position, but labelColor:'red' doesn't and position:'bot' instead of offset neither.

Best, Christian

[Alfred Wassermann]

Hi Christian,

instead of "offset", you want to use anchorX and anchorY of the label to define which corner (or point) of the label is positioned relatively to the point coordinates.

For example, if the upper right corner of the label text should be at position [1, 0], you can set

 P1 = board.create('point',[1,0],

     {face:'o',
   name:'K_1',
   label:{

     anchorX: 'right', // right, left, 'middle'
     anchorY: 'top', // 'top', 'bottom', 'middle'
     offset:[0, 0],
     strokeColor: 'blue',
     fontSize: 24
   }
  });

By setting the offset with pixel values e.g. [-5,-5] you can adjust the label position a little bit further.

The text color can be set with the property "strokeColor" of the label.

See it live at https://jsfiddle.net/g81hwxyd/1/

Best wishes,

Alfred