如何在Chartjs中设置选项以更改水平轴值,从下面的代码开始,使基础值为100,而不是0。
将图表设置为此样式,但y轴基点应为100,而不是此处图表中显示的0。
因此,如果在条形图上绘制了70的值,则它的y轴应从100到70开始。而120的值应该从其y轴的100开始到120。
我尝试过一些答案,但无法在Chartjs中实现这一点。
注意:我正在使用来自chartjs网站的示例代码。但是,仍然无法获得所需的特定比例。
Chartjs 2.6.0
var MONTHS = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
var color = Chart.helpers.color;
var barChartData = {
labels: ["January", "February", "March", "April", "May", "June", "July"],
datasets: [{
label: 'Dataset 1',
backgroundColor: color(window.chartColors.red).alpha(0.5).rgbString(),
borderColor: window.chartColors.red,
borderWidth: 1,
data: [140,10,60,69,56,110]
}, {
label: 'Dataset 2',
backgroundColor: color(window.chartColors.blue).alpha(0.5).rgbString(),
borderColor: window.chartColors.blue,
borderWidth: 1,
data: [50,120,70,98,130,34]
}]
};
window.onload = function() {
var ctx = document.getElementById("canvas").getContext("2d");
window.myBar = new Chart(ctx, {
type: 'bar',
data: barChartData,
options: {
responsive: true,
legend: {
position: 'top',
},
title: {
display: true,
text: 'Chart.js Bar Chart'
}
}
});
};
编辑 为了测试目的,已删除随机数并编辑常量。我正在研究适用于Chartjs的插件。这个选项可能在分发包中不可用。