我对此链接D3.JS中的示例有一个工具提示问题:带鼠标悬停工具提示的多系列折线图在此示例中,工具提示仅在y轴上显示华氏度的数据。但是在我的项目中,我也想查看未显示在x和y轴上的数据。
在此示例中,我根据上面链接中的代码在第84行进行了更改,以生成摄氏度(°C)。如何在单个工具提示中同时显示华氏度和摄氏度?[see fiddle][2]
https://jsfiddle.net/xn1sLbf4/3/在这里,我只是想插入数据的“列”。就我而言,“摄氏”不是我可以从y轴上的数据计算出来的。可能是部门名称,ID等。
有人知道怎么做这个吗?任何帮助表示赞赏!
工具提示的文本设置在第250-251行:
d3.select(this).select('text')
.text(y.invert(pos.y).toFixed(2));
因此,您传递给该.text()
方法的都是这些工具提示将显示的内容。要显示两个温度单位,您可以将该代码修改为类似
var fahrenheit = y.invert(pos.y);
var celsius = (fahrenheit - 32) * 5/9;
d3.select(this).select('text')
.text(fahrenheit.toFixed(1) + "F / " + celsius.toFixed(1) + "c");
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句