Javascript 禁用NVD3 multiBarHorizontalChart中0值的工具提示

我正在将nvd3用于多条形水平图，我需要关于如何禁用0值的工具提示的指导

.tooltip(function(key, x, y, e) {
    return '<h3>' + key + ' ' + e.point.label + '</h3>' + '<p>' + y + '</p>';
})

。工具提示（函数（键，x，y，e）{
返回'+key+''+e.point.label+'+''+y+'
'；
})

---

我使用这个函数来显示工具提示值。

不幸的是，我没有找到任何非黑客方式来实现这一点

不那么优雅的方法是将事件

tooltipShow

的原始处理程序替换为自定义处理程序，该处理程序将检查值：

var originalTooltipHandler = chart.dispatch.on("tooltipShow");
chart.dispatch.on("tooltipShow", function (e) {
    // check whatever you like here
    if (e.value != 0) {
        // and call original handler only when needed
        originalTooltipHandler.apply(this, arguments);
    }
});

但是，如果您的图表被更新（例如，您希望

调整大小

事件或允许通过单击图例更改显示的数据，几乎在所有情况下都是如此），这是不够的，因为当执行

chart.update（）

时，它将恢复原始的

工具提示

处理程序。要解决此问题，我们还必须覆盖

chart.update（）

：

nv.addGraph(function () {
    chart = nv.models.multiBarHorizontalChart()
        // ... parameters setting here
    // before data was set, `chart.update()` is not available
    d3.select('#chart1 svg')
        .datum(long_short_data)
        .call(chart);
    // now we can override
    filterTooltips(chart, function (e) {
       return e.value !== 0;
    });
    // ...
    return chart;

    function filterTooltips(chart, predicate) {
        var originalUpdate = chart.update;
        chart.update = function () {
            // call to original `update()` will reset filter
            originalUpdate.apply(this, arguments);
            // set custom filter again
            filterTooltips(chart, predicate);
        };

        var originalTooltipHandler = chart.dispatch.on("tooltipShow");
        chart.dispatch.on("tooltipShow", function (e) {
            if (predicate(e)) {
                originalTooltipHandler.apply(this, arguments);
            }
        });
    }
});

---

请参阅。

不返回将不起作用？