Eliminate sudden additions/deletions in D3 basis line chart transition
问题 I have exactly similar SO question Eliminate sudden additions/deletions in D3 line chart transition One difference is that, I have line interpolated as "basis" var line = d3.svg.line().interpolate('basis') Struggling with this exactly 13 hours :/ please help <html> <head> <title>Chart</title> <style> path { stroke: #f00; } .line { stroke: #0f0; fill: none; stroke-width: 2px; } .rule { stroke: #ccc; stroke-width: 1px; } </style> </head> <body> <p>I want to get the chart below to transition