树状图的js库有没有支持直接写HTML的

有些树状图的JS库支持直接使用HTML来定义树节点的内容，例如使用D3.js库的树状图可以通过在节点上添加HTML元素来自定义节点的内容。以下是一个示例：

// 定义树节点数据
var treeData = {
  name: "Root",
  children: [
    {
      name: "Node 1",
      children: [{ name: "Node 1.1" }, { name: "Node 1.2" }]
    },
    {
      name: "Node 2",
      children: [{ name: "Node 2.1" }, { name: "Node 2.2" }]
    }
  ]
};

// 使用d3.js创建树状图
var treeLayout = d3.tree().size([height, width]);
var nodes = d3.hierarchy(treeData);
nodes = treeLayout(nodes);

// 添加节点HTML元素
var node = svg.selectAll(".node")
  .data(nodes.descendants())
  .enter()
  .append("g")
  .attr("class", "node")
  .attr("transform", function(d) { return "translate(" + d.y + "," + d.x + ")"; });

node.append("circle")
  .attr("r", 10);

node.append("foreignObject")
  .attr("width", 50)
  .attr("height", 20)
  .attr("x", 15)
  .attr("y", -10)
  .html(function(d) { return "<div>" + d.data.name + "</div>"; });

在上面的代码中，使用了`foreignObject`来添加HTML元素，可以通过设置`width`和`height`属性来控制元素的大小，通过设置`x`和`y`属性来控制元素的位置。在`html()`方法中可以直接使用HTML代码来定义元素的内容。