Question

我正在使用javascript和d3开展数据可视化项目。在这个项目中，我使用各种图表显示数据（数据来自外部源）。我是这种语言的新手，所以我使用来自互联网不同部分的代码片段，很多工作来自编辑这些片段，以使它们彼此兼容。

我已经成功部署了图表（对我而言，这是一项重大成就，因为我在一周之前开始使用javascript和HTML）。现在我希望能够在单击图表栏或至少在标签上打开模态，但我遇到了一些问题。

这是图表上条形图的定义方式：

  var vakken = svg.selectAll(".question")
  .data(data)
.enter().append("g")
  .attr("class", "bar")
  .attr("transform", function(d) { return "translate(0," + y(d.Question) + ")"; });

var bars = vakken.selectAll("rect")
  .data(function(d) { return d.boxes; })
.enter().append("g").attr("class", "subbar");

bars.append("rect")
  .attr("height", 16)
  .attr("x", function(d) { return (x(d.x0)); })
  .attr("width", function(d) { return (x(d.x1) - x(d.x0)); })
  .style("fill", function(d) { return color(d.name); });

任何关于如何实现这一点的评论都将受到赞赏（并随意嘲笑我，我有点值得拥有）

如何在SVG javascript d3上打开模态点击

0 个答案: