Я новичок в d3, и я пытаюсь показать круговую диаграмму с помощью приложения реакции.
Тег <svg>, на котором размещена круговая диаграмма, имеет ширину и высоту 100%, и он отображается внутри узла <div>, который является корнем приложения React, очень просто.
У меня нет CSS, который бы определял ширину и высоту любого другого элемента в html-документе, но когда корневой узел <div> добавляется в html-документ, ему по умолчанию назначается минимальная высота 170px, и поэтому все родительские элементы элементы, круговая диаграмма отображается следующим образом.
Теперь, если бы я хотел, чтобы элемент <svg> отображал всю его высоту, мне придется вручную установить на 100% все родительские элементы до <html>, но я считаю, что это неправильный способ сделать это. Или, может быть, кто-нибудь может предложить правильный способ отображения таких элементов?