首页 / JAVASCRIPT / JavaScript-d3.js多系列折线图工具提示问题

JavaScript-d3.js多系列折线图工具提示问题

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript-d3.js多系列折线图工具提示问题，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含866字，纯文字阅读大概需要2分钟。

内容图文

在此链接D3.JS: Multiseries line chart with mouseover tooltip中,我有一个关于示例的工具提示问题.在此示例中,工具提示仅显示y轴上的华氏度数据.但是在我的项目中,我也想查看未在x和y轴上显示的数据.

在此示例中,我根据上面链接中的代码在第84行进行了更改以生成摄氏度(°C).如何在单个工具提示中同时显示华氏度和摄氏度？ [请参阅小提琴] [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");

内容总结

以上是互联网集市为您收集整理的JavaScript-d3.js多系列折线图工具提示问题全部内容，希望文章能够帮你解决JavaScript-d3.js多系列折线图工具提示问题所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/663802.html

来源：【匿名】