树形布局中的自定义html框与d3.js

时间：2016-02-26 05:42:25

标签： javascript d3.js

enter image description here我有一个要求，我必须开发一个类似于d3.js树布局给出的树形布局。但我希望html盒子具有自定义内容而不仅仅是节点。我花了很多时间试图找到它是否可能与d3.js，但我被困在这个时间点，无法继续。

数据将是动态的

如果有任何其他可行的解决方案/框架可用，则不必是d3.js。但预期的功能类似于d3提供的功能，即扩展，折叠节点。

任何指针都将受到高度赞赏。

1 个答案:

答案 0 :(得分：2)

使用ForeignObject可以实现您想要做的事。

基本情景是这样的：

<foreignObject requiredExtensions="http://www.w3.org/1999/xhtml">
  <body xmlns="http://www.w3.org/1999/xhtml">
    <p>Some text</p>
  </body>
</foreignObject>

以下是一个更完整的示例：http://jsfiddle.net/thudfactor/bK6VD/

您使用d3根据您的数据生成foreignObject内容。

相关问题
最新问题