如何删除默认悬停文本并在悬停甜甜圈图表Highcharts上显示自定义文本标题

时间:2013-03-11 04:40:42

标签: jquery highcharts

我创建了一个圆环图,我有一个问题,

  1. 在“meternity:84”中显示两行内部文本标题。
  2. 当我将鼠标悬停在图表上时,标题不会显示为例外。 显示“系列2”之前的文字:'批准的系列2:84',但需要的是'已批准:84'
  3. 我尝试使用formatter选项。但没有运气,

    你们可以,请看看这个并帮助我 链接:

    [http://jsfiddle.net/XyQzR/1/][1]
    

    提前致谢

2 个答案:

答案 0 :(得分:2)

如果要控制显示,只需为工具提示配置部分添加回调。

修改工具提示部分,如下所示:

tooltip: {
    valueSuffix: '',
    formatter: function() {
       console.debug(this.point);
       return this.point.y;
    }
}

您只会显示点对象的值(假设这是您想要显示的内容)。

我添加了一个console.debug来显示点对象的内容。

以下是工作示例:highcharts

关于工具提示的文档页面:tooltip on highcharts

这个库的文档非常大,但它是一个非常好的文档(有良好的示例记录),所以你应该耐心并阅读文档(我们不应该为你阅读;)) p>

答案 1 :(得分:1)

您需要自定义工具提示。您想要的示例如下:

        tooltip: {
            valueSuffix: '',
            formatter: function() {
                return this.point.name + " :" + this.point.y;   
            }
        }

http://jsfiddle.net/cUd5L/

正如另一张海报所提到的,文档在这方面相当不错,尽管它似乎没有谈论钻取对象。