d3使圆环中心的文本可点击
d3使圆环中心的文本可点击
提问于 2019-03-20 21:32:50
我有一个使用c3和d3创建的甜甜圈-我使用以下命令在甜甜圈的中心添加了一些文本：
label.html('');
label.insert('tspan').text('4').attr('dy', -5).attr('x', 0).attr('class','h4');
label.insert('tspan').text('remaining').attr('dy', 20).attr('x', 0).attr('class','text-size-small');这很好用，但我希望整个标签文本是可点击的-我可以添加html到标签，但它创建了一个新的链接，而不是使当前文本可点击：
label.html('');
label.insert('tspan').text('4').attr('dy', -5).attr('x', 0).attr('class','h4');
label.insert('tspan').text('remaining').attr('dy', 20).attr('x', 0).attr('class','text-size-small').html('<a href="">link</a>');我尝试了如下内容，但没有显示任何内容：
label.html('<a href="/">');
label.insert('tspan').text('4').attr('dy', -5).attr('x', 0).attr('class','h4');
label.insert('tspan').text('remaining').attr('dy', 20).attr('x', 0).attr('class','text-size-small').html('<a href="">link</a>');
label.html('</a>');我怎样才能让整个标签变得可点击？
回答 1
Stack Overflow用户
发布于 2019-03-21 02:51:03
我只是想用一种稍微不同的方式来做这件事--有一个点击事件，可以像下面这样使用：
label.html('');
label.insert('tspan').text('4').attr('dy', -5).attr('x', 0).attr('class','h4 pointer').on("click", function() { window.open("https://www.google.com")});
label.insert('tspan').text('remaining').attr('dy', 20).attr('x', 0).attr('class','text-size-small pointer').on("click", function() { window.open("https://www.google.com")}); 在本例中，我还添加了一个名为pointer的类，因此很明显文本是一个链接。
需要的具体部分是：
.on("click", function() { window.open("https://www.google.com")});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55261953
复制相关文章
相似问题