D3-折线图，无值时不显示折线

Question

我这里有个突如其来的飞车-https://stackblitz.com/edit/d3-no-line-points-nm1jzs?embed=1&file=src/app/app.component.ts&hideNavigation=1

我有一个堆栈条形图，顶部是折线图。

x轴显示月份，我想显示该轴上的所有月份，但是我没有接下来几个月的数据。

在堆积图上，我只能有0（零）个值，而条形图不会显示，但是如何阻止折线图在几个月内没有值显示。

我不想像示例中那样具有0（零）。

Answer 1

参考line.defined并以bl.ocks作为示例参考，这是您的情况的更改：

1. fn行：

   var valueline = d3.line()
      .defined(function (d) { return d.value; })
   

2. 带有已过滤数据的圆圈：

   this.lineArea.selectAll("line-circle")
      .data(linedata.filter(function(d) { return d.value; }))
   

这是叉子：

https://stackblitz.com/edit/d3-no-line-points-zcqa1c?file=src/app/bar-chart.ts