nvd3.js - nvd3 在折线图上的工具提示中显示空值的 0 值

标签 nvd3.js

当我从值部分显示工具提示时,它会显示所有值,包括图表上未出现的 0 值。有办法去掉这些吗?

最佳答案

抱歉回复晚了。

我刚刚遇到了和你一样的问题,在这种情况下我有一个解决方案。

在 nv.d3.js 的 contentGenerator 变量中,您将找到这些行:

trowEnter.append("td")
    .classed("value",true)
    .html(function(p,i) {return valueFormatter(p.value,i)});

将此段落更改为:

trowEnter.append("td")
              .classed("value",true)
              .html(function(p,i) {
               if (p.value === null) {this.parentNode.style.display = "none";}
               return valueFormatter(p.value,i) 
            });

这可能不是最好的方法,但当您在数据中传递空值时,它对我有用。

关于nvd3.js - nvd3 在折线图上的工具提示中显示空值的 0 值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27492640/

相关文章:

javascript - 如何使用 nvd3 触发调整大小事件?

nvd3.js - 如何使用 nvd3 将进动格式更改为饼图的百分比

php - 来自 MYSQL PDO 的自定义格式的 JSON,用于 NVD3.js

nvd3.js - 使用 nvd3 显示离散图表的自定义工具提示

javascript - NVD3 图表抑制隐藏图表的渲染

javascript - 多折线图 nvd3 未正确显示

javascript - csv 输入到 nvd3 图表的显示错误(与时间格式相关)

javascript - nvd3.js-带取景器的折线图 : rotate axis labels and show line values when mouse over

javascript - 如何使用 nvd3 工具提示将 'arrow' 添加到工具提示

javascript - Bootstrap 轮播中的 NVD3 图表