如何在Chartjs 2条形图中修改条形宽度 [英] How to modify bar width in Chartjs 2 bar charts

问题描述

谁能告诉我如何在 Chartjs 2 条形图中修改条形宽度.文档中没有任何关于它的内容.

Can someone told me how to modify bar width in Chartjs 2 bar charts. There is nothing about it in the documentation.

https://github.com/nnnick/Chart.js/tree/v2.0-dev/docs我不知道该怎么办.

推荐答案

请注意，似乎正在进行一些更改.实际配置取决于您使用的是哪个 v2.0.

对于 2.0.0-alpha 版

为 xAxes 设置 categorySpacing.您可以全局执行此操作

Set categorySpacing for the xAxes. You can do this globally

Chart.defaults.bar.scales.xAxes[0].categorySpacing = 0

或者你可以通过图表来做

or you can do it by chart

...
scales: {
    xAxes: [{
        categorySpacing: 0
    }],
...

小提琴 - http://jsfiddle.net/beehe4eg/

对于 1.0.2 版

调整选项 barValueSpacing 和 barDatasetSpacing 使条形更接近.这将自动增加它们的宽度.

Adjust the options barValueSpacing and barDatasetSpacing to make the bars closer. This will automatically increase their width.

这篇关于如何在Chartjs 2条形图中修改条形宽度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！