Question

我正在使用chartjs 2.x

创建一些条形图

寻找固定条宽度选项以及chartjs 2.x，现在根据条形数进行调整。找到了像“barPercentage”这样的选项，但它不适合我，因为它的工作方式就像每个图表上的百分比一样。我发现了一个关于chartjs 1.x的类似问题，但是它的图表是2.x

Answer 1

我有一个自定义功能来实现这个功能。我希望它可以帮助别人。

步骤1：更新核心（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
            }]
          }
        }

chartjs 2.x的固定条宽

1 个答案: