如何在饼图工具提示中显示特定类别的自定义文本

Question

我有一个饼图，当用户将鼠标悬停在某个类别上时，我想显示专门针对该类别的自定义文本。

JS小提琴链接：https://jsfiddle.net/mewohraz/1/

tooltip: {
    pointFormat: '{point.custom} (point.category == 'Internet Explorer) ? 'display customtext'
},

例如，当用户将鼠标悬停在Internet Explorer上时，我要显示项目符号列表。文本将采用硬编码，因此不会来自数据系列。

我该怎么做？

Answer 1

您可以使用工具提示选项的formatter功能来定义您自己的文本： tooltip.formatter

tooltip: {
    formatter: function(){
        if(this.point.name == "Internet Explorer")
            return "my custom text" ;
        else
            return '<span style="color: ' + this.point.color + '">' + this.point.name + '</span><br/>' + this.point.custom ;
    }
}