Accepted answer

Refactoring your series data to an array of objects:

        name: 'South Korea',
        id: 6,
        argumentField: 'total6',
        valueField: 'perc6',
        sizeField: 'older6',
        tagField: 'tag6',
        visible: false,
        data: [
            {x:160, y:801, z:1955, year:2000},
            {x:433, y:1653, z:1910, year:2005},
            {x:614, y:1432, z:1918, year:2014},
            {x:724, y:372, z:1950, year:2004},
            {x:434, y:936, z:1920, year:2003}

will make life much easier...

Then use a custom tooltip:

   tooltip: {
        formatter: function() {
            var t =;
            t += '<br/> (' + this.x + ',' + this.y + ')';
            t += '<br/> Year: ' + this.point.year + ',';
            t += '<br/> Size: ' + this.point.z;
            return t;

Updated fiddle here (note, I only modified the data for South Korea).


What you need to do is setup a custom tooltip using the formatter.

Related Articles