代码不工作

Question

请找到代码来生成

<style> 
text.shadow { 
stroke: #fff; 
stroke-width: 2.5px; 
opacity: 0.9; 
} 

我有代码连接应显示

Answer 1

您需要使用正确的数据。您有此功能：

function mousemove() { 
     var x0 = x.invert(d3.mouse(this)[0]), 
      i = bisectDate(data, x0, 1), 
      d0 = newDataArray[i - 1], 
      d1 = newDataArray[i], 
      d = x0 - d0.i > d1.i - x0 ? d1 : d0; 
     focus.attr("transform", "translate(" + x(d.i) + "," + y(d.fit) + ")"); 
     focus.select("text").text(Math.floor(d.fit)); 
     } 

在线3上，您正在使用data。 data在哪里？应该是newDataArray对不对？

另外，这应该出现在控制台日志中，您是否在开发时阅读控制台日志？

权，你有这样的功能：

function mousemove() { 
      var x0 = x.invert(d3.mouse(this)[0]), 
       i = bisectDate(data, x0, 1), 
       d0 = newDataArray[i-1], 
       d1 = newDataArray[i], 
       d = x0 - d0.i > d1.i - x0 ? d1 : d0; 
      focus.attr("transform", "translate(" + x(d.i) + "," + y(d.fit) + ")"); 
      focus.select("text").text(Math.floor(d.fit)); 
     } 

这将不会运行在所有。您正在将d.i和d.fit传递给x和y轴。什么是d.i？它不存在于您的数据中。

我已经把这个小提琴：https://jsfiddle.net/reko91/o5kwgb7x/3/

你mousemove功能不会工作作为您没有转化对焦（圈子）正确。什么是d.i？你需要做的是通过它你在这种情况下使用什么作为Y轴，所以，d.fit像这样：在y

d = x0 - d0.fit > d1.fit - x0 ? d1 : d0; 

然后你翻译它，在x d.upr和d.fit 。全鼠标移动功能：

function mousemove() { 
    var x0 = x.invert(d3.mouse(this)[0]), 
    i = bisectDate(newDataArray, x0, 1), 
    d0 = newDataArray[i - 1], 
    d1 = newDataArray[i], 
    d = x0 - d0.fit > d1.fit - x0 ? d1 : d0; 

    focus.attr("transform", "translate(" + x(d.upr) + "," + y(d.fit) + ")"); 
    focus.select("text").text(Math.floor(d.fit)); 
} 

更新小提琴：https://jsfiddle.net/reko91/o5kwgb7x/5/

我认为你从这里得到了例如：http://bl.ocks.org/mbostock/3902569

这里是如何工作的崩溃。阅读并理解它在做更多事情之前所做的事情。最好理解它，否则你会卡住。提示：使用控制台日志！