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