删除条形图中条形之间的间距(react-chart-js)

xmakbtuz  于 2022-11-23  发布在  Chart.js
关注(0)|答案(1)|浏览(134)

我面临的问题是,我有我的条形图使用react-chart-js。我想删除条形之间的空间和中心对齐条形的。条形的厚度应等于50 x1c 0d1x
我尝试使用虚拟数据,这样我得到了所需的输出,但这不是正确的做法。我还尝试使用barPercentage,categoryPercentage选项,但没有得到所需的输出

Link for CodeSandbox

yeotifhr

yeotifhr1#

我不知道这是否真的可以开箱即用。文档中也没有关于这个用例的内容。
您可以使用ghost值来扩展图表。这并不是一个真正的解决方案,但可能是一个选项。

const labels = ["","","January", "February", "March","",""];

export const data = {
  labels,
  datasets: [
    {
      label: "Dataset 1",
      data: labels.map((elem, index) => {
          if (index > 1 && index < 5)
            return faker.datatype.number({ min: 0, max: 1000 })          
        }),
      backgroundColor: "rgba(255, 99, 132, 0.5)",
      barThickness: 50
    }
  ]
};

相关问题