堆积条形图固定宽度条形图问题 - Chartjs

Question

我正在使用 chartjs 版本：2.1.4 在 MVC C# 应用程序中创建图表。我正在使用"barPercentage: 0.2"来控制条形图的宽度以进行固定宽度设置。它在仅条形图的情况下工作正常，但在“堆叠条形图”的情况下，我无法修复条形的宽度。我正在使用以下代码堆叠条形图：

scales:
    {
                    yAxes: [{
                        stacked: true,
                        ticks: {
                            beginAtZero: true
                        }
                    }],
                    xAxes: [{
                        stacked: true,
                        // Change here
                        barPercentage: 0.2
                    }]
                }

在这种情况下，“barpercentage”属性不起作用。如果“chartjs 版本：2.1.4”中有任何解决方案，请建议我。

提前致谢

Answer 1

用categoryPercentage 替换barPercentage 并调整它的值，直到你得到你想要的。当你有一个堆积条形图时，每个类别都有一个条形图，所以我想这就是 barPercentage 被忽略的原因，而 categoryPercentage 工作正常。