没有数据时,SVG路径中存在间隙

Question

我想在D3中创建一个实时线图.我的数据格式为[[日期,值],[日期,值].当我没有收到任何数据时,该值将为0.我希望这些值的行可以中断,因此不会绘制它们.然后我会在我的图表中找到缺少数据的空白.

任何人有任何想法我会怎么做？

Answer 1

试试这个.变量my_dataset是具有属性{x,y}的对象数组."NaN:在可视化中跳过了y值.

var line = d3.svg.line()
  .x( function( d, i) { return x( d.x); })
  .y( function( d) { return y( d.y); })
  .defined( function( d) { return !isNaN( d.y); })
  ;

my_visualization.append( "svg:path")
    .data( [ my_dataset])
    .attr( "d", line)