NVD3散点图自定义X轴工具提示

Question

我正在使用 nvd3 散点图，并且发现可以使用以下函数自定义工具提示内容。

chart.tooltipContent(function (key, x, y, e, graph) {
    return '<p><strong>' + key + '</strong></p>' +
           '<p>' + e.value + ' in the month ' + x + '</p>';
    });

当鼠标移动到气泡上方时，会突出显示自定义工具提示内容以及点/气泡的x值和y值。我想要显示自定义内容，而不是显示x轴标签。如何实现这一点？

谢谢。

- Dinesh

---

请问您能否将这个放到 Fiddle 上吗？ - Cyril Cherian

请尝试检查此处的工具提示源文件：https://github.com/novus/nvd3/blob/master/src/tooltip.js - Alex_B

Answer 1

chart.tooltipContent在nvd3中已被弃用。如果要在工具提示中使用自定义内容，您需要使用

chart.tooltip.contentGenerator(function(obj) {code to build tooltip})

为了查看您在函数中要处理的数据，请先添加此行：

chart.tooltip.contentGenerator(function (obj) { return JSON.stringify(obj)})

然后您将能够悬停在数据点上并查看您正在使用的对象。

在 src/tooltip.js 文件中查看默认的 contentGenerator 函数（大约位于第76行附近），以查看您可以构建并传递给 contentGenerator 的函数示例。

以下是文档中相关部分的文档

- Ross

---

推荐使用 "return JSON.stringify(obj)}" 作为良好的调试步骤。 - Jayan