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

Question

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

大数据集：

较小的数据集：

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

是否可以设置 X 轴刻度之间的最小宽度？还是自动增长图表？我尝试在这个问题中实现解决方案，但我无法在设计时确定宽度。

我的标记：

<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 Marks 上找到了这个框应该占据画布的整个宽度（向下推其他框） http://www.chartjs.org/docs/#chart-configuration-title-configuration
希望这个有帮助。