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

Question

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

JS fiddle 链接: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 ;
    }
}