Accepted answer

i was able to achieve it by adding the series as :

              enablemousetracking: false,

              marker: {
                enabled: false
              datalabels: {
                defer: false,
                enabled: true,
                y: 40,
                style: {
                    fontsize: '20px',
                    color: 'white'
                format: '{}'
              keys: ['x', 'y', 'name'],
              data: [
                [5.5, 30, chinese],
                [4, 85, english],
                [2.5, 30, russian]

complete link :


well, you can try to use datalabels, like this: but you will get only one label per circle.

i think the only solution is to use renderer to add texts to the chart. but first you need to calculate where put that label, and that's the hardest part - find intersection for a few circles. after that add labels this way in load event.

Related Query

More Query from same tag