Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/396.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Chartjs:如果设置了maxBarThickness,如何将数据集分组得更近?_Javascript_Chart.js - Fatal编程技术网

Javascript Chartjs:如果设置了maxBarThickness,如何将数据集分组得更近?

Javascript Chartjs:如果设置了maxBarThickness,如何将数据集分组得更近?,javascript,chart.js,Javascript,Chart.js,我有一个图表,其中我在轴上设置了一个maxBarThickness。当图表中填充了大量数据时,数据集就靠得很近,但当只有几个数据点时,数据集看起来就大不相同了 我曾尝试将categoryPercentage设置为较小的百分比,但当图表中填充了大量数据(或在调整页面大小时),图表看起来是错误的。任何帮助都将不胜感激。根据,如果您决定设置barThickness,则无法更改条间距(我假设设置maxBarThickness也不起作用,但我可能错了,如果是这样,我将删除此答案) 根据前面的链接,您有两种

我有一个图表,其中我在轴上设置了一个
maxBarThickness
。当图表中填充了大量数据时,数据集就靠得很近,但当只有几个数据点时,数据集看起来就大不相同了

我曾尝试将
categoryPercentage
设置为较小的百分比,但当图表中填充了大量数据(或在调整页面大小时),图表看起来是错误的。任何帮助都将不胜感激。

根据,如果您决定设置
barThickness
,则无法更改条间距(我假设设置
maxBarThickness
也不起作用,但我可能错了,如果是这样,我将删除此答案)

根据前面的链接,您有两种解决方案:

  • 如果您想保持棒材厚度(回答github问题):
如果您不想拉伸条来填充额外的空间,则必须减小画布的宽度

  • 否则,您可以在图表上设置
    barPercentage
    categoryPercentage
    ,而无需
    barThickness
    maxBarThickness

    scales: {
      xAxes: [{
        categoryPercentage: 0.8,
        barPercentage: 0.9
      }]
    },
    
这些是默认值


相关问题:


谢谢您的回答,但不设置
maxBarThickness
会拉伸条,我希望它不会比图中的厚。同时设置
categoryPercentage
使其占2根30厚的钢筋,虽然在本例中看起来不错,但如果有20多个条目,则看起来不太好,不只是3,正如你在这里看到的,我试图实现的是从第二个条目开始把.5条拉近:你试过根据你的条数设置画布的宽度吗?或者,无论显示多少条,您都希望它的宽度固定吗?很遗憾,宽度固定。恐怕我找不到满足您需要的解决方案,我将编辑我的答案以添加相关问题,然后等待是否有人可以帮助您