score:2

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: '{point.name}'
              },
              keys: ['x', 'y', 'name'],
              data: [
                [5.5, 30, chinese],
                [4, 85, english],
                [2.5, 30, russian]
              ]
            }

complete link : http://jsfiddle.net/suprcool01/mzdx1y19/

score:1

well, you can try to use datalabels, like this: http://jsfiddle.net/ayqzz/78/ 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