gpt4 book ai didi

html - 为什么使用d3 svg组件时文档默认为最小div高度?

转载 作者:行者123 更新时间:2023-11-28 00:16:32 24 4
gpt4 key购买 nike

我是d3的新手,我想要实现的目标是使用react应用程序显示一个饼图。

托管饼状图的<svg>标签的宽度和高度为100%,并且呈现在<div>节点内,该节点是React应用程序的根,非常简单。

我没有确定html文档中任何其他元素的宽度和高度的CSS,但是当根<div>节点添加到html文档中时,默认情况下会为其分配最小高度170px,因此所有父元素,饼图显示如下。

enter image description here

现在,如果我希望<svg>元素以其所有高度显示,我将必须手动将所有父元素设置为100%,直到<html>,但是我认为这不是正确的方法。也许是,有人可以建议显示这些元素的正确方法吗?

最佳答案

您需要在html的某处指定一个高度,以获取所有内容的高度和宽度的百分比。
我认为将高度设置为body标签或将最大高度设置为div就足够了,这样图像只会和最大高度一样大

关于html - 为什么使用d3 svg组件时文档默认为最小div高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55077583/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com