D3js折線圖不轉換，新條形圖上的Tooltip錯誤

Question

我遇到了一個酒吧&折線圖，我正在設置轉換數據。見JSFiddle here for the code。我對JSFiddle & D3js一個星期老，所以任何幫助表示讚賞！

的問題是：經過「更新」

1. 綠線未轉換
2. 添加到圖表任何新的酒吧不顯示工具提示。 Inspect顯示Uncaught TypeError：無法在d3.tip.min.js中設置屬性「x」，這是導致此問題的原因。

我打電話給圖表來創建和通過按鈕更新。一旦創建並更新，小提琴必須重新啓動才能再次使用。

代碼在這裏：

<input id="clickMe1" type="button" value="Create Chart" onclick='createMainPerfChart()' /> 
<input id="clickMe2" type="button" value="Update Chart" onclick='updateMainPerfChart()' /> 
<div style="margin-top:120px;"> 
    <svg id="mainchart"></svg> 
</div> 

PS：拉斯，感謝所有幫助！

Answer 1

你必須在那裏只是一些小事情，特別是

1. 這裏的問題是一個簡單的拼寫錯誤。您需要做svg.selectAll("path.TGTLine")而不是svg.selectAll("path.TargetAvg")。
2. 它看起來像d3.tip不喜歡具有相同類的兩個工具提示。您可以通過簡單地重複使用tip的定義而不是聲明兩次來解決此問題。

工作示例here。