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

我有一个要求，我必须开发类似于d3.js树形布局给出的树形布局。但我想要自定义内容的HTML框，而不是仅仅是节点。我花了很多时间试图找出d3.js是否可能，但我在这个时间点卡住了，无法继续。d3.js树形布局中的自定义html框

的数据将是动态的

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

任何指针将不胜感激。

2016-02-26 Vatsal

如果您想要更详细的回复，我建议您更加明确地表达自己希望达成的目标。也许制作一张你想要它看起来像什么的图表，以及你想要在这些html元素中做什么。该函数通过映射基于输入哈希的SVG圆元素来工作。您是否尝试过重新编写代码来添加所需的HTML元素？您希望显示的数据是固定的还是动态的？ – Damon

@Damon - 请看照片。感谢您的回应。谢谢 – Vatsal

想要做什么可以通过使用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内容。

来源

2016-02-26 07:51:14

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

回答

相关问题