javascript - 是否可以使用 D3 创建按钮？

Question

我有一个图形的 D3 可视化，其中我从 MySQL 数据库获取一些数据。我想创建一个按钮或类似的东西，用户可以根据我从数据库获取的数据量进行交互(就像按钮一样)。

例如:如果这是我得到的数组:[Blabla1, blabla2, blabla3]

我会计算这些并希望创建 3 个按钮。这在D3中可能吗？我在他们的文档中找不到有关按钮或类似内容的任何内容。

Answer 1

按钮只是 DOM 元素，就像 D3 使用的其他所有元素一样。与 div、SVG circle 或类似内容相比，创建按钮没有什么特别的。

因此您的代码将遵循通常的模式:

var data = [Blabla1, blabla2, blabla3];
d3.selectAll("button")
  .data(data)
  .enter()
  .append("button")
  .attr("id", function(d) { return d; })
  ...