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

时间:2016-04-05 19:12:22

标签: javascript d3.js

所以我尝试使用D3在径向日历上添加链接,其中日历上的每一天都包含一个链接,该链接将显示有关该特定日期的更多详细信息。我使用此日历作为基础:http://jsfiddle.net/dmann99/q63WN/

例如,我们想要添加指向" google.com"的链接。在(周末)填写的日子。

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

我是否有办法在填写的特定日期添加链接,而不是整个日历?

我尝试添加这样的东西,但它没有工作:

Undefined symbols for architecture x86_64

感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

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

https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/pointer-events

    .filter (function(d) { return d.getDay() ==5 || d.getDay() ==6; })
    .on("click", function() { window.open("http://google.com", "_blank"); })

需要css规则:

.WeekLine {
  pointer-events: none
}

当点击显示边缘周围的周末节点时,它最初只是使用上面的javascript更改,但.WeekLine圈子拦截鼠标事件以显示内部的点击。

http://jsfiddle.net/q63WN/5/

(所以指针事件仍然是摆弄的东西,我只是专注于错误的元素开始...)