Charts chartjs 2.x的固定条宽度
我正在用ChartJS2.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
查找固定条宽度选项以及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
}]
}
}