Charts chartjs 2.x的固定条宽度

Charts chartjs 2.x的固定条宽度,charts,bar-chart,Charts,Bar Chart,我正在用ChartJS2.x创建一些条形图 查找固定条宽度选项以及chartjs 2.x,现在根据条数进行调整。找到了一个类似“barPercentage”的选项,但它不适合我,因为它在每个图表上都是类似于工作的百分比。我发现了一个关于chartjs 1.x的类似问题,但是它的chartjs 2.x有一个自定义函数来实现这个功能。我希望它能帮助别人 步骤1:更新core(Chart.js)中的功能“calculateBarWidth”,如下所示 calculateBarWidth: functi

我正在用ChartJS2.x创建一些条形图


查找固定条宽度选项以及chartjs 2.x,现在根据条数进行调整。找到了一个类似“barPercentage”的选项,但它不适合我,因为它在每个图表上都是类似于工作的百分比。我发现了一个关于chartjs 1.x的类似问题,但是它的chartjs 2.x有一个自定义函数来实现这个功能。我希望它能帮助别人

步骤1:更新core(Chart.js)中的功能“calculateBarWidth”,如下所示

calculateBarWidth: function(index) {
        var xScale = this.getScaleForId(this.getMeta().xAxisID);

        if (xScale.options.fixBarWidth) {
            return xScale.options.fixedBarWidth;
        }

        var ruler = this.getRuler(index);
        return xScale.options.stacked ? ruler.categoryWidth : ruler.barWidth;
    }
步骤2:还在初始化部分添加一些自定义属性(fixBarWidth、fixedBarWidth)

var options = {
        scales: {
          xAxes: [{
                // Manually set bar width in pixels
                fixBarWidth: true,
                fixedBarWidth: 10
            }]
          }
        }