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

用户名

我对此链接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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

D3的简单多折线图

来自分类Dev

透视JSON的D3多系列折线图

来自分类Dev

寻找D3方式绘制多元系列折线图的均线

来自分类Dev

如何使用D3 js在折线图中使用工具提示

来自分类Dev

D3.js:使用长格式数据在多系列折线图中的现有线上绘制点

来自分类Dev

创建折线图的D3工具提示时出现问题

来自分类Dev

D3折线图无法正确显示工具提示和数据点

来自分类Dev

使用D3更新多折线图的模式

来自分类Dev

D3.js折线图工具提示问题

来自分类Dev

具有图例和D3v 3.5.13的工具提示的简单D3折线图中的错误

来自分类Dev

使用javascript折线图中的d3工具提示位置问题

来自分类Dev

D3.JS:多系列折线图,显示所有日期的工具提示吗?

来自分类Dev

多行D3.js折线图中的样式工具提示

来自分类Dev

d3多折线图工具提示值数据未定义

来自分类Dev

如何在Angular NVD3折线图中的工具提示系列中添加更多属性

来自分类Dev

在d3.js折线图中永久显示工具提示

来自分类Dev

如何使用D3 js在折线图中使用工具提示

来自分类Dev

D3多系列折线图从tsv文件获取我的国家/地区数据

来自分类Dev

D3JS折线图倒排问题

来自分类Dev

D3.js:使用长格式数据在多系列折线图中的现有折线上绘制点

来自分类Dev

带有工具提示的d3.js移动平均折线图(自定义插值)

来自分类Dev

D3折线图无法正确显示工具提示和数据点

来自分类Dev

D3过渡时退出多系列折线图标签

来自分类Dev

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

来自分类Dev

D3 –折线图问题

来自分类Dev

d3累积折线图

来自分类Dev

D3-2个折线图的单独工具提示值-使用AngularJS

来自分类Dev

这个 D3 多系列折线图中的 row 函数有什么作用?

来自分类Dev

d3.js 带画笔的多折线图

Related 相关文章

  1. 1

    D3的简单多折线图

  2. 2

    透视JSON的D3多系列折线图

  3. 3

    寻找D3方式绘制多元系列折线图的均线

  4. 4

    如何使用D3 js在折线图中使用工具提示

  5. 5

    D3.js:使用长格式数据在多系列折线图中的现有线上绘制点

  6. 6

    创建折线图的D3工具提示时出现问题

  7. 7

    D3折线图无法正确显示工具提示和数据点

  8. 8

    使用D3更新多折线图的模式

  9. 9

    D3.js折线图工具提示问题

  10. 10

    具有图例和D3v 3.5.13的工具提示的简单D3折线图中的错误

  11. 11

    使用javascript折线图中的d3工具提示位置问题

  12. 12

    D3.JS:多系列折线图,显示所有日期的工具提示吗?

  13. 13

    多行D3.js折线图中的样式工具提示

  14. 14

    d3多折线图工具提示值数据未定义

  15. 15

    如何在Angular NVD3折线图中的工具提示系列中添加更多属性

  16. 16

    在d3.js折线图中永久显示工具提示

  17. 17

    如何使用D3 js在折线图中使用工具提示

  18. 18

    D3多系列折线图从tsv文件获取我的国家/地区数据

  19. 19

    D3JS折线图倒排问题

  20. 20

    D3.js:使用长格式数据在多系列折线图中的现有折线上绘制点

  21. 21

    带有工具提示的d3.js移动平均折线图(自定义插值)

  22. 22

    D3折线图无法正确显示工具提示和数据点

  23. 23

    D3过渡时退出多系列折线图标签

  24. 24

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

  25. 25

    D3 –折线图问题

  26. 26

    d3累积折线图

  27. 27

    D3-2个折线图的单独工具提示值-使用AngularJS

  28. 28

    这个 D3 多系列折线图中的 row 函数有什么作用?

  29. 29

    d3.js 带画笔的多折线图

热门标签

归档