D3 折线图在将数据附加到图表时不进行转换

【问题标题】：D3 line chart doesn't do transition while appending data to chartD3 折线图在将数据附加到图表时不进行转换
【发布时间】：2017-06-22 03:59:13
【问题描述】：

我正在向折线图添加过渡，从herehttp://bl.ocks.org/d3noob/7030f35b72de721622b8 复制了一个示例，我希望折线图在间隔发生时进行过渡，就像在示例中单击按钮时图表将向左移动但在我的plunkerhttps://plnkr.co/edit/sCJYfXDSjXN1IiFokK1V?p=preview 不起作用时，我将 d3 代码放在 angular 的自定义指令中，因为我有一个要求，其中图形将重复超过 5 次，非常感谢任何帮助

【问题讨论】：

标签： javascript angularjs d3.js

【解决方案1】：

在您的更新数据函数中，图表的选择是 var svg = d3.select("lineChart").transition();。应该是var svg = d3.select(".lineChart").transition();

【讨论】：

感谢您指出，我在这里还有一个问题，正如我在问题中所说，我想多次重复自定义指令，当我将指令放入 ng-repeat 时，图表显示所有对象，但由于某种原因不会按时间间隔更新。
所有图表都在 .lineChart 类的 div 下呈现。因此，要选择其下的所有图表，您需要使用 selectAll 而不是 select。 var svg = d3.selectAll(".lineChart svg").transition();
感谢您抽出宝贵时间@Gunner