【问题标题】:Pie (donut) chart tooltips饼图(甜甜圈)图工具提示
【发布时间】:2014-07-17 11:43:48
【问题描述】:

我想完全使用这个 d3 圆环图。

This 3d chart

但是,我想显示我提供的原始数据,而不是显示百分比。

理想情况下,可以显示百分比(就像现在一样),我可以使用鼠标悬停工具提示显示每个甜甜圈部分的原始数据!

无法让它工作。

非常感谢您的帮助!

【问题讨论】:

  • 你能告诉我们你的尝试吗?

标签: d3.js donut-chart


【解决方案1】:

你在找这个吗,我用工具提示更新小提琴, 最初添加一个 div 到 body 即

var div = d3.select("body").append("div").attr("class", "tooltip");

然后每当用户在路径/弧上进行鼠标悬停或鼠标移动时,都会执行必要的操作。

看看http://jsfiddle.net/Q3dhh/25/

【讨论】:

  • 太棒了!谢谢!这正是我想要的。
  • 我立即尝试了这个,但只有在我有 15 个声望点时我才能这样做!对不起:(
  • 我必须在path.append 之后立即放置mousemove/mouseout 事件,如paths.enter().append("svg:path").on('mousemove',function..)。它没有正确触发鼠标事件
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2021-03-13
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多