javascript - 多个链接的 dc.js 图表的 d3-tooltips

标签 javascript d3.js tooltip dc.js

我正在寻找修改 dc.js 的现成工具提示,似乎有一个使用 d3.js tooltips 的解决方案如 this question .但是,我对如何实现这一点感到困惑,以便为 dc.js 仪表板中的所有链接图修改工具提示。 GitHub 存储库中的示例非常适合单独的图表,但我目前正在处理六个链接的图表,需要修改所有图表上的工具提示。任何帮助,将不胜感激。

最佳答案

这是将 d3.tip 与 dc.js 结合使用的一个很好的示例:

http://saraquigley.github.io/uc-trends/

http://saraquigley.github.io/uc-trends/javascript/expenses_all.js

我会做的不同的事情是

  1. chart.renderlet(function(chart) { ... }) 而不是在顶层执行应用提示(在她的代码末尾)的 selectAlls,这样他们对图表中的变化使用react。
  2. 使用 chart.selectAll 而不是 d3.selectAll,为了清楚起见并确保您只选择特定图表中的元素,而不是整个页面。

希望为 web/examples 或 FAQ 制作一个示例,但现在是 HTH。

关于javascript - 多个链接的 dc.js 图表的 d3-tooltips,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24664079/

相关文章:

c# - WPF 数据网格工具提示延迟

javascript - jQuery 工具提示脚本

java - JTable 中的 JPanel 中的工具提示不起作用

javascript - 可排序 - 删除链接并在占位符之间交换

javascript - Vue 3 ref 未更新为模板上的组件

javascript - 如何在谷歌地图API中给出本地主机的推荐网址?

javascript - 使用 d3 画笔选择折线图中的元素

javascript - 创建foreignObject后是否可以更改其大小?

javascript - 在单元测试中自动允许 WebRTC 权限

javascript - 嵌套线图的 d3js 复制品