ширина n3-диаграмма не устанавливается в соответствии с родителю ширина

Question

В файле шаблона

<div class="chart-container"> 
     <linechart data="data" options="options" mode=""></linechart> 
</div> 

В CSS файле:

.chart-container > .chart { 
width:800px; 
height:500px; 
} 

элемент SVG всегда принимает ширину 1333px. Существуют ли какие-либо опции для установки высоты и ширины? Или я делаю что-то неправильно? Вот изображение:

Даже в полном виде я установить ширину 800px, но элемент SVG принимает 1333px.

Когда я изменяю его размер, он работает.

Answer 1

Измените свое определение css ниже. Ваш текущий css установит размер контейнера-диаграммы, в котором есть дети диаграммы, но не задает ширину и высоту диаграммы. Так что диаграмма div будет расти до размера svg.

.chart-container, .chart { 
    width:800px; 
    height:500px; 
}