当我将鼠标悬停在累积折线图上的线上时,我在某个 y 时间收到一条工具提示消息 x 值。我想编辑此消息并添加更多内容。
因为在我的值数组中,我有包含 {X:x, Y:y, Z:z, Dt:date} 的 json,所以我希望显示一条自定义消息,列出日期的 X/Y/Z。
我正在使用 nvd3 veraion 1.1.15b。
Calling .tooltip()
不适合我,但打电话.tooltipContent()
做了,如下面的代码所示:
var chart = nv.models.pieChart()
.x(function (d) { return d.file; })
.y(function (d) { return d.size; })
.tooltipContent(function (key, y, e, graph) {
return '<h3>' + key + '</h3>' +
'<p>' + e.value.toSizeFmt() + '</p>';
})
As Andrei上面指出,e
参数提供对原始值的访问,以便您可以格式化它们,而不是使用y
这是已经格式化的文本。希望这可以帮助!
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)