將數據附加到圖表時，D3折線圖不執行過渡

Question

我正在為折線圖添加過渡，請從此處復制示例http://bl.ocks.org/d3noob/7030f35b72de721622b8 ，我希望折線圖在間隔發生時進行過渡，就像您單擊示例時一樣圖表將向左移動的按鈕，但在我的插件https://plnkr.co/edit/sCJYfXDSjXN1IiFokK1V?p=preview不起作用，我將d3代碼放在angular的自定義指令中，因為我有一個要求重復5次以上，我們將不勝感激

Answer 1

在您的更新數據功能中，圖表的選擇為var svg = d3.select("lineChart").transition(); 。 應該是var svg = d3.select(".lineChart").transition();