如何根据数据集大小动态设置ChartJs折线图宽度？

Question

我正在使用ChartJS（v2.1）来创建折线图。我没有固定大小的数据集，我希望折线图根据数据集的大小调整其宽度：

大数据集：

较小的数据集：

我希望大型数据集使图表更宽（而不是缩小到可用宽度）。显示水平滚动条是一个选项，但我无法指定图表的宽度，因为我不知道数据集的大小。

是否可以选择设置X轴刻度之间的最小宽度？或者自动增长图表？我尝试在this question中实现解决方案，但我无法在设计时确定宽度。

我的标记：

<div class="chartWrapper">
   <canvas id="f1-chart" class="chart chart-line" chart-data="f1Data" chart-labels="f1Labels" chart-series="f1Series" chart-options="f1Options"></canvas>        
</div>

图表选项：

scope.f1Options = {              
    legend: false,     
    responsive: true,            
    maintainAspectRatio: false
}

Answer 1

我在chartjs.org上找到了这个 fullWidth Boolean true标记此框应占据画布的整个宽度（按下其他框） http://www.chartjs.org/docs/#chart-configuration-title-configuration
希望这有帮助。