D3線圖在最高數

Question

給出錯誤的值我有號碼依次上升爲15〜20，再滴加至16.從15至19都顯示在圖中的正確位置的陣列，但只要作爲隨後數字越低，它將顯示錯誤的值。

下面是一個例子，你可以看到它永遠不會打20時，X軸是5，而周圍19.7ish： http://jsbin.com/yuzamuqile/edit?html,output

任何人都知道這個問題可能是什麼？

感謝

Answer 1

這是因爲你使用的「基礎」插值，它使用一個測試樣條來消除極端峯值，也就是你看到的。

使用「線性」使用直線，而不是曲線。

   var lineGen = d3.svg.line() 
        .x(function(d) { 
         return xScale(d.time); 
        }) 
        .y(function(d) { 
         return yScale(d.price); 
        }) 
        .interpolate("linear");