我如何在使用svg路径生成的条形图中的每个栏中添加工具提示...可以使用引导工具提示...吗?
我在下面提供了我的svg路径
<path class="foreground bar" clip-path="url(#clip 0)" d="M36,100V68h20V100M108,100V29h20V100M180,100V71h20V100M252,100V-4h20V100M324,100V87h20V100"/>
我在小提琴http://jsfiddle.net/mfAc4/6/下面提供了svg生成的条形图...
如何向每个栏添加工具提示?
任何建议,将不胜感激。
最佳答案
不确定引导程序是什么意思,但是大多数UA都会将title元素子级转换为工具提示。例如。
<path class="foreground bar" clip-path="url(#clip 0)" d="M36,100V68h20V100M108,100V29h20V100M180,100V71h20V100M252,100V-4h20V100M324,100V87h20V100">
<title>tooltip text</title>
</path>