如何固定bar chart.js中每个条形柱的宽度？

Question

我想修复列宽，并在动态添加新列x轴滚动时添加并修复条形列的宽度

但是目前，条形图会自动响应条形图的列宽，所以如何在条形图js中使用x轴滚动添加固定宽度

单击此链接以

 (https://jsfiddle.net/Luaf2tm4/1872)

Answer 1

您可以在选项中设置responsive: false。

根据您的jsfiddle：

var option = {
  responsive: false,
    scales: {
    ... etc.

另请参见：https://www.chartjs.org/docs/latest/general/responsive.html

这将使图表无响应。然后，如果要动态添加数据点，则必须应用CSS进行水平滚动，并使用一些其他JavaScript来动态调整图表大小/重新绘制图表。