D3 / Dex js在Sunburst中使用网址单击操作

时间:2018-11-08 16:19:28

标签: d3.js

我使用Sunburst(与dex.js结合使用),并尝试使标签文本可点击... 我遇到类似的问题很多年后,如here所述,但就我而言,我找不到如何通过单击文本元素而非路径来对URL执行onclick操作的方法。我在json源中的每个数据都会有一个“ URL”字段,我想用作Sunburst可视化文件中的链接。

   var path = svg.selectAll("path")
  .data(partitioned_data)
  .enter().append("path")
  .attr("d", arc)
  .style("fill", function(d) { return d.fill; })
  .each(function(d) { this._current = updateArc(d); })
  .on("click", zoomIn)
    .on("mouseover", mouseOverArc)
  .on("mousemove", mouseMoveArc)
  .on("mouseout", mouseOutArc);

  var texts = svg.selectAll("text")
  .data(partitioned_data)
  .enter().append("text")
    .filter(filter_min_arc_size_text)       
    .attr("transform", function(d) { return "rotate(" + computeTextRotation(d) + ")"; })
    .attr("x", function(d) { return radius / 3 * d.depth; })    
    .attr("dx", "6") // margin
  .attr("dy", ".35em") // vertical-align    
    .text(function(d,i) {return d.name})

我找不到用于此目的的正确代码... 预先感谢您的任何建议:-)

0 个答案:

没有答案