Highcharts for single bubbles

Question

The new Highcharts v3.0 bubble chart looks great. Is it possible to annotate and display each bubble with a name / some text? Thanks, Nigel.

+5

user2150801 Mar 09 '13 at 5:35

2 answers

franzo · Answer 1 · 2013-09-19T04:30:46+0000

There are two things you need to do.

First name each data point (bubble):

data: [
  { name: 'Alice', x: 3.5, y: 4, z: 5}, 
  { name: 'Eve', x: 7, y: 7, z: 3}, 
  { name: 'Carol', x: 4, y: 8, z: 6}
]

Secondly, create a data label formatter:

dataLabels: {
  enabled: true,
  formatter: function() {
    return this.point.name;
  }
}

Bob is your uncle.

SteveP · Answer 2 · 2013-03-09T06:54:26+0000

       dataLabels:{
           enabled:true
       }

Datalabels , :

 dataLabels: {
           enabled: true,
           formatter: function() {
                    return this.y +'mm';
           }
 }

, :

[
    {x:1, y:5, bubbleText:"Bubble 1"},
    {x:2, y:15, bubbleText:"Bubble 2"},
    {x:3, y:5, bubbleText:"Bubble 3"}
]

dataLabel this.point.bubbleText, this.x this.y.