<分区>
我将两个 d3 可视化组合在一个页面上,需要 CSS 方面的帮助。在这一点上,他们出现在彼此之上,我很沮丧。这两个可视化是:http://bl.ocks.org/mbostock/3883245 :
和http://bl.ocks.org/mbostock/4063269 :
此时我刚刚合并了两个 index.html 文件。任何关于我应该如何设置样式以使它们不重叠的指示将不胜感激!
<分区>
我将两个 d3 可视化组合在一个页面上,需要 CSS 方面的帮助。在这一点上,他们出现在彼此之上,我很沮丧。这两个可视化是:http://bl.ocks.org/mbostock/3883245 :
和http://bl.ocks.org/mbostock/4063269 :
此时我刚刚合并了两个 index.html 文件。任何关于我应该如何设置样式以使它们不重叠的指示将不胜感激!
最佳答案
http://jsfiddle.net/dcryan22/GUH4A/
d3.select('body')
.append('svg')
.attr('height', 100)
.attr('width', 100)
.append('rect')
.attr('fill', 'red')
.attr('height', 100)
.attr('width', 100);
d3.select('body')
.append('svg')
.attr('height', 100)
.attr('width', 100)
.append('rect')
.attr('fill', 'blue')
.attr('height', 100)
.attr('width', 100);
SVG 不应与另一个 SVG 重叠。上面的示例在同一个 Body 标签中显示了 2 个基本和独立的 SVG。
我的猜测是您以某种方式重复使用 SVG Canvas ,以便一个渲染在另一个之上。
关于html - 结合两个d3可视化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22764437/