Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/450.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在D3元素中添加链接?_Javascript_D3.js - Fatal编程技术网

Javascript 如何在D3元素中添加链接?

Javascript 如何在D3元素中添加链接?,javascript,d3.js,Javascript,D3.js,因此,我尝试使用D3在径向日历上添加链接,日历上的每一天都包含一个链接,该链接将显示该特定日期的更多详细信息。我使用此日历作为基础: 例如,假设我想在填写的日期(周末)添加一个指向“google.com”的链接 有没有一种方法可以让我在填写的具体日期而不是整个日历上添加链接 我尝试添加类似的内容,但没有成功: .on("click", function() { window.open("http://google.com"); }); 非常感谢您的帮助。指针事件样式属性似乎是这里的关键(即,没

因此,我尝试使用D3在径向日历上添加链接,日历上的每一天都包含一个链接,该链接将显示该特定日期的更多详细信息。我使用此日历作为基础:

例如,假设我想在填写的日期(周末)添加一个指向“google.com”的链接

有没有一种方法可以让我在填写的具体日期而不是整个日历上添加链接

我尝试添加类似的内容,但没有成功:

.on("click", function() { window.open("http://google.com"); });

非常感谢您的帮助。

指针事件样式属性似乎是这里的关键(即,没有它就无法工作)

需要css规则:

.WeekLine {
  pointer-events: none
}
当点击显示器边缘的周末节点时,它最初只处理上面的javascript更改,但是.WeekLine圆圈截获了鼠标事件,以便在显示器内部进行点击


(所以指针事件仍然是需要处理的事情,我只是把重点放在了错误的元素上…

很好的解决方案!当光标悬停在可点击的单元格上时,有没有办法将光标样式更改为“指针”呢?没关系。我添加了.style(“光标”、“指针”),效果非常好!
    .filter (function(d) { return d.getDay() ==5 || d.getDay() ==6; })
    .on("click", function() { window.open("http://google.com", "_blank"); })
.WeekLine {
  pointer-events: none
}