对NVD3工具提示的更精细控制

Question

我正在用堆叠的区域图在时间线上绘制多个系列。所有系列都有不同的开始和结束时间。在这个系列的范围之外，所有的值都给出为零。问题是，对于任意给定的x值，工具提示都显示所有系列的值，这使得它非常混乱，难以阅读。有办法隐藏零项吗？

Answer 1

终于想出了解决办法。这里是为了完整性：

var contentGenerator = chart.interactiveLayer.tooltip._options.contentGenerator;
chart.interactiveLayer.tooltip.contentGenerator(function(o) {
    var content = contentGenerator(o);
    var content = $(content);

    content.find('td.value')
          .filter(function() {
              return ["0", "0.0%"].indexOf($(this).text()) >= 0 
           })
          .parent().remove();

    return content[0].outerHTML;
});

不太喜欢使用_options，但是如果有人有更好的解决方案，请告诉我。

Answer 2

根据您编写的文本，我假设您希望控制工具提示内容。

为此，您有一个contentGenerator函数，通过该函数可以控制工具提示内容。更详细的描述：

对于工具提示:生成工具提示内容html的函数。这取代了大多数图表上的“tooltipContent”选项。请注意，传递给这个函数的数据根据图表的不同通常是不同的，因此您可能需要console.log()输入对象。而且，传递的数据现在总是单个对象，因此以前为tooltipContent选项编写的函数必须相应地进行调整。

来源：http://nvd3-community.github.io/nvd3/examples/documentation.html#tooltip