页面加载上的D3工具提示显示
页面加载上的D3工具提示显示
提问于 2014-07-14 19:58:41
我使用醉酒来生成通过D3生成的SVG圆圈的工具提示。我的代码直接取自这个例子。使用这段代码，当我在圆圈对象上悬停时，我的工具提示显示得很好：
$('.circles').tipsy({ title: 'My tooltip text' })是否有办法使工具提示显示在页面加载而不是悬停？我尝试过使用show，但这似乎不起作用：
$('.circles').tipsy({ title: 'My tooltip text' }) // show tips on hover
$('.circles').tipsy('show') // show tips on page load?从理论上讲，在基于这个例子问题中，让用户在页面加载上显示工具提示似乎是可能的；然而，我不知道如何操作D3来使这个逻辑工作。如何使我的工具提示显示在页面加载和悬停？
回答 1
Stack Overflow用户
回答已采纳
发布于 2014-07-14 21:16:12
奇怪的是，每个圆圈的选择器都不能很好地工作，所以必须使用JQuery each函数才能工作。您还必须在tipsy中设置选项trigger: 'manual'。
$('.circles').each(function() {
$(this).tipsy({
trigger: 'manual',
gravity: 'w',
html: true,
title: function() {
return 'My tooltip text';
}
});
$(this).tipsy('show');
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24744866
复制相关文章
相似问题
腾讯云开发者
