Chart.js“minBarLength”未按预期工作？

5tmbdcev 于 2022-11-07 发布在 Chart.js

关注(0)|答案(2)|浏览(123)

因此，我尝试配置chart.js，以便总是有一个轻微的酒吧显示，即使是最低的值。我可以看到有一个“minBarLength”属性the docs says to“设置此以确保酒吧有一个最小长度的像素。”但我似乎不能得到这个工作？
Here's a sandbox，使用最新版本的chart.js，并使用此属性，如下所示：

data: {
    labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
    datasets: [
      {
        label: "# of Votes",
        data: [12, 19, 3, 5, 2, 3],
        minBarLength: 4,
        backgroundColor: "blue"
      }
    ]
  }

但是，最低值仍未显示在图形上：

我还应该注意到，我知道“beginsAtZero”属性，但我不希望使用它，因为这会使显示具有大值的图表变得困难。
如有任何帮助，我们将不胜感激！

chart.js

来源：https://stackoverflow.com/questions/59772112/chart-js-minbarlength-not-working-as-intended

2条答案

按热度按时间

jljoyd4f1#

只需按如下方式扩展选项，将您的yAxes更改为beginAtZero：

options: {
  title: {
    display: true,
    text: "Custom Chart Title"
  },
  scales: {       
    yAxes: [{
      ticks: {
          beginAtZero: true
      }
    }]
  }
}

赞(0）回复(0）举报 2022-11-07

mrfwxfqh2#

你可能已经没有这个问题了，但是如果有人读到这篇文章。
我使用的是“chart.js”：“3.8.0”。例如，当您将y轴的最小值设置为1时，您必须将数据集的属性“base”也设置为1，以便minBarLength可以工作。

赞(0）回复(0）举报 2022-11-07