Chart.js条形图条形图和标签不对齐

Question

我使用Chart.js将一些数据显示为条形图。这个数据的一个例子是：

  

{纽约：29033，旧金山[：33432，俄克拉荷马城：38202}等。

当我将这些数据集与Chart.js一起使用来创建条形图时，图表的条形图会被压扁，标签也会被挤压在一起，或者相隔太远，具体取决于创建的标签数量

有没有办法对齐条形和标签，使它们适合平等？

Answer 1

默认情况下，条形图具有某些设置，您可以在配置实例时覆盖这些设置。更改barValueSpacing以便执行此操作。

Bar.options = { //How it looks in the ChartJS library...
    // ...
barValueSpacing : 5, //Number - Spacing between data sets within X values
    // ...
}

http://www.chartjs.org/docs/

查看文档以获取更多设置。