I am working on this example:

When I hover to some color pie chart, i.e. blue the tooltip is

Jane: 13 fruits

However when I hover to first colum (blue one at apples) tooltip is:

Apples: 3

Its Jane's apples. So how can I change it to:

Jane : 3 apples

Any ideas?

PS:

The tooltip formatter used at example is:

    tooltip: {
        formatter: function() {
            var s;
            if (this.point.name) { // the pie chart
                s = ''+
                    this.point.name +': '+ this.y +' fruits';
            } else {
                s = ''+
                    this.x  +': '+ this.y;
            }
            return s;
        }
    }

I am working on this example: http://www.highcharts./demo/bo

When I hover to some color pie chart, i.e. blue the tooltip is

Jane: 13 fruits

However when I hover to first colum (blue one at apples) tooltip is:

Apples: 3

Its Jane's apples. So how can I change it to:

Jane : 3 apples

Any ideas?

PS:

The tooltip formatter used at example is:

    tooltip: {
        formatter: function() {
            var s;
            if (this.point.name) { // the pie chart
                s = ''+
                    this.point.name +': '+ this.y +' fruits';
            } else {
                s = ''+
                    this.x  +': '+ this.y;
            }
            return s;
        }
    }

• javascript
• jquery
• highcharts

Share Improve this question Follow asked Sep 3, 2012 at 23:37 kamacikamaci 75.4k7373 gold badges245245 silver badges372372 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 5

You can get the series data using this.series.someAttr.
So, do the following:

formatter: function() {
    var s;
    if (this.point.name) { // the pie chart
        s = this.point.name +' '+ this.y +' fruits';
    } else {
        s = this.series.name + ' : ' +
            this.x  +': '+ this.y;
    }
    return s;
}

demo

Try this:

tooltip: {
        formatter: function() {
            var s;
            if (this.point.name) { // the pie chart
                s = ''+
                    this.point.name +': '+ this.y +' fruits';
            } else {
                s = ''+
                    this.series.name  +': '+ this.y+' '+this.x;
            }
            return s;
        }
    }