Javascript dc/d3折线图在过滤后在y轴上崩溃为0

当我将维度过滤器应用于dc.js图形时，会有一些丑陋的线条直线下落 朝向y轴

在dc/d3中是否可能不这样做，即我希望图形更类似于以下内容

---

两种可能的解决方案，具体取决于您希望线路连接还是分段：

对数据进行预过滤，这样就不会有总和为零的组，而是根本没有组。这将在丢失的数据上用线段连接点

使用

lineChart.defined

在没有数据的行中放置间隙/断点

---

两种可能的解决方案，具体取决于您希望线路连接还是分段连接：

对数据进行预过滤，这样就不会有总和为零的组，而是根本没有组。这将在丢失的数据上用线段连接点

使用

lineChart.defined

在没有数据的行中放置间隙/断点

---

您可以直接在dc创建的图表上调用

defined

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

条件

！isNan（d.y）

可以是任何计算结果为真/假的值

---

请注意，

defined

传递的

d

是一个d3对象，值得检查。

您可以直接在dc创建的图表上调用

defined

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

条件

！isNan（d.y）

可以是任何计算结果为真/假的值

---

请注意，

defined

传递的

d

是一个d3对象，值得检查。

它会绘制您提供的数据。如果你想让它省略某些部分，不要给它数据，它会画出你给它的数据。如果你想让它省略某些部分，不要给它数据。