柱形图中的Highcharts工具提示

时间:2012-09-03 23:37:42

标签: javascript jquery highcharts

我正在研究这个例子:http://www.highcharts.com/demo/combo

当我将鼠标悬停在某个颜色饼图上时,即工具提示为蓝色

Jane: 13 fruits

然而,当我将鼠标悬停在第一列(苹果中的蓝色)时,工具提示是:

Apples: 3

它的简苹果。那么如何将其更改为:

Jane : 3 apples

有什么想法吗?

PS

示例中使用的工具提示格式化程序是:

    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;
        }
    }

2 个答案:

答案 0 :(得分:5)

您可以使用series获取this.series.someAttr数据 所以,请执行以下操作:

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

答案 1 :(得分:0)

试试这个:

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;
        }
    }