nvd3在折线图上的工具提示中显示0值,表示空值

时间:2014-12-15 20:35:37

标签: nvd3.js

当我从值部分显示工具提示时,它会显示所有值,包括图中未显示的0值。有没有办法删除这些?

2 个答案:

答案 0 :(得分:2)

对于迟到的回复感到抱歉。

我遇到了与你相同的问题,在这种情况下我找到了一个解决方案。

在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) 
            });

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

答案 1 :(得分:0)

如果您不想在图表中显示0,则应将其从数据集中删除:

option1

如果要在图表中显示0,则可以在数据集中将null替换为0:

[1418757047000, null] -> [1418757047000, 0]

option2

我更喜欢option2,这是你想要的吗?