D3没有数据值

时间:2015-04-13 14:04:54

标签: javascript d3.js

我使用D3.js绘制线条:

[0,10,20,15,20,10,15,5]

img 1

但是如何使用空值?例如:

[0,10,20,null,null,10,15,5]

img 2

1 个答案:

答案 0 :(得分:0)

考虑使用内置线路生成器d3.svg.line()。通过向line.defined()提供适当的访问者功能,您可以指定定义行的位置以及如何处理null值:

  

定义的访问器可用于定义线的定义位置   和undefined,通常与缺失一起使用   数据;生成的路径数据将自动分解为   多个不同的子路径,跳过未定义的数据。

但请注意,默认情况下,线生成器假设您的数据是作为二维数组提供的,但您可以轻松地相应地映射输入数组,或者为line.x()和{{1}提供适当的访问器函数}。