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;
}