Question

我正在使用nvd3 Scatter Chart，我看到可以使用以下功能自定义工具提示内容。

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轴标签。我怎么能这样做？

谢谢，

Answer 1

现在，nvd3中已弃用

chart.tooltipContent。要在工具提示中使用自定义内容，您需要使用

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

要查看您在函数中使用哪些数据，请先添加以下行：

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

然后您就可以将鼠标悬停在数据点上，然后查看您正在使用的对象。

在src / tooltip.js中查看用于contentGenerator starting around line 76的默认函数，以查看可以构建并传递给contentGenerator的函数类型的一个很好的示例

以下是文档documentation

中的相关部分

nvd3散点图

1 个答案: