javascript - dc/d3 line chart crashing down to 0 on the y axis after filtering

Question

When I apply a dimension filter to a dc.js graph, there are ugly lines where the line plummets towards the y axis.

Is it possible in dc/d3 to not do this, i.e I would expect the graph to more resemble the following;

Answer 1

You can call defined directly on the dc created chart.

chart
  .chart((c) ->
    dc.lineChart(c)
      .interpolate('linear')
      .defined((d) ->
        return !isNaN(d.y)
      )
  )

The condition !isNan(d.y) can be anything you like that evaluates to true/false.

Note that the d passed by defined is a d3 object and is worth inspecting.