Share JSXGraph: example "Fine tuning of labels"

JSXGraph
Share JSXGraph: example "Fine tuning of labels"
This website is a beta version. The official release will be in **2023**.

Fine tuning of labels

The labels are centered of labels and get custom CSS styles / class.
<style>
.myLabel {
    border: 1px solid black;
    border-radius: 3px;
    padding: 2px;
}
</style>
// Define the id of your board in BOARDID

const board = JXG.JSXGraph.initBoard(BOARDID, {
    boundingbox: [-5, 5, 5, -1],
    axis: true
});

var p1 = board.create('point', [-2, 3], {
    size: 20,
    name: 'A',
    fillColor: 'none',
    label: {
        offset: [0, 0],
        anchorX: 'middle',
        anchorY: 'middle',
    }
});

var p2 = board.create('point', [2, 3], {
    size: 5,
    name: 'B',
    label: {
        offset: [0, 10],
        anchorX: 'middle',
        anchorY: 'bottom',
        cssClass: 'myLabel',
        highlightCssClass: 'myLabel'
    }
});