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

目前看起来还不错...

Angular nvd3折线图长度

Angular nvd3 line chart length

javascript

css

charts

angularjs

nvd3.js