在堆积条形图 D3 中添加工具提示

【问题标题】：add tooltip in stacked bar chart D3在堆积条形图 D3 中添加工具提示
【发布时间】：2013-09-15 20:37:33
【问题描述】：

您能帮我在堆积条形图中添加工具提示吗？我创建了 Fiddle Link

我想在每个条形图上添加工具提示，即。每个栏应显示每种颜色的工具提示。我该怎么做。

> NA

提前致谢

【问题讨论】：

标签： javascript d3.js tooltip

【解决方案1】：

您可以在每个 rect 下附加一个 title 元素，并为其提供一个文本值，该值是您希望工具提示显示的任何内容。

这是一个显示更多细节的相关问题：How to add a tooltip to an svg graphic?

【讨论】：

感谢您的回复，看起来可行，将尝试一下

【解决方案2】：

您究竟想在工具提示上显示什么？它是数据值还是一些文本？

【讨论】：

【解决方案3】：

你可以添加

                  .append("svg:title")
                  .text(function(d){
                    return yourData;    
                      }
                  });

这个函数应该对你有用，并将变量名放在你得到相应柱值的地方。

【讨论】：