7

将鼠标悬停在Highchart 图表中的系列上会显示一个带有系列名称和 Y 值的弹出窗口,在示例中为:“东京 9.5ºC”。我想在悬停时显示我自己的自定义文本 - 我可以通过修改每个点的名称来做到这一点。同时我想隐藏默认系列名称和 Y 值。我已经搜索了文档,但没有找到任何合适的东西。任何想法如何解决这个问题?

4

3 回答 3

14

您必须自己指定工具提示格式化程序(请参阅文档):

tooltip: {
  formatter: function() {
    return 'The value for <b>'+ this.x +
           '</b> is <b>'+ this.y +'</b>';
  }
},

如果您喜欢或您的自定义文本,您可以在那里显示 x 值。
希望有帮助。

于 2013-04-05T11:41:14.927 回答
2

我已经修改了DEMO并在这里创建了一个新的DEMO

要自定义 中显示的文本tooltip,您应该像这样使用它:

Highcharts.chart('container', {

    title: {
        text: 'Solar Employment Growth by Sector, 2010-2016'
    },

    subtitle: {
        text: 'Source: thesolarfoundation.com'
    },
........
.....
....

    tooltip: {
      formatter: function() {
        return '<strong>X value: </strong>'+ this.x;
      }
    },
}); 
于 2018-01-20T05:51:45.893 回答
0

如果要格式化工具提示的第二行,但不保留 x 轴标签名称,则可以使用点格式而不是格式化程序。

tooltip: {
     pointFormat: 'The value is point.y'
},
于 2018-11-13T02:06:23.010 回答