Angular NVD3折线图长度

Question

我有一个折线图。 它正在密谋。 我需要在移动设备上显示图表。 如何在不同设备上优化图表长度？ 当数据集很大时，图表会调整大小并在长度方向上变得很短。

我跟随css取得了一些有限的成功

.plot {
    height :480px;
    overflow: auto;
}

但是我想我现在需要一些帮助...

这是我的HTML

<div class="container-fluid col-sm-10">
<nvd3-line-chart
    data="data3"
    id="growthChart"
    xAxisTickFormat="xAxisTickFormatFunction()"
    yAxisTickFormat="yAxisTickFormatFunction()"        
    showXAxis="true"
    showYAxis="true"
    >
        <div class="plot">
        <svg ></svg>
        </div>
</nvd3-line-chart>

Answer 1

我想我已经解决了。

.plot {
   min-height :480px;
   height :480px;
   overflow: auto;
}

到目前为止看起来不错...