Chart.js beginAtZero不工作
Chart.js beginAtZero不工作
提问于 2017-11-23 15:24:19
我对Chart.js有问题，因为即使我设置了beginAtZero参数，条也不会从零开始。
我尝试了多种方法来确定代码的正确位置，但它似乎不起作用。
有人知道如何解决我的问题吗？
以下是代码：
var chartdata = {
labels: answer,
datasets: [{
label: 'Count',
backgroundColor: 'rgba(200, 200, 200, 0.75)',
borderColor: 'rgba(200, 200, 200, 0.75)',
hoverBackgroundColor: 'rgba(200, 200, 200, 1)',
hoverBorderColor: 'rgba(200, 200, 200, 1)',
data: count
}
]
};
var options = {
scales: {
yAxes: [{
ticks: {
beginAtZero: true
}
}]
}
};
var ctx = $("#mycanvas");
var barGraph = new Chart(ctx, {
type: 'bar',
data: chartdata
options: options
});回答 1
Stack Overflow用户
发布于 2017-11-28 05:48:12
看起来您使用的是Chart.js v1而不是v2。
首先，将Chart.js代码更新为v2，最好是最新版本。
然后，更改以下代码：
var barGraph = new Chart(ctx, {
type: 'bar',
data: chartdata
options: options
});至：
var barGraph = Chart.Bar(ctx, {
data: chartdata,
options: options
});然后，beginAtZero: true应该按照预期的方式工作。
工作JSFiddle：https://jsfiddle.net/ko54hp6n/
对于beginAtZero: true的替代方案，还可以使用min: 0 ticks配置选项在零处启动条形轴：
var options = {
scales: {
yAxes: [{
ticks: {
min: 0
}
}]
}
}工作JSFiddle：https://jsfiddle.net/ko54hp6n/1/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/47458809
复制相关文章
相似问题
腾讯云开发者
