D3.js 文本元素未显示函数值

Question

我正在尝试在我的图表中显示某些值，尽管显示的不是实际值，而是函数。如何显示函数的实际 return 值？温度显示很好

此外，\n 也不起作用。有什么办法可以做到吗？

输出图像：

d3.select(this)
.select('text')
.text("Date: " + function(d){ return d.date;} +
      "\nTemperature: " + y.invert(pos.y).toFixed(2) + 
      "\nEvent: " + function(d){ return d.event;});

Answer 1

固定代码如下：

d3.select(this)
  .select('text')
  .text(d => `Date: ${d.date} \nTemperature: ${y.invert(pos.y).toFixed(2)}\nEvent: ${d.event}`);

我想应该是d.pos.y而不是pos.y，但原来代码是这样写的

D3.js 文本元素未显示函数值

D3.js text element is not displaying the value of function

javascript

date

d3.js

display