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。