我正在使用Chart.js显示一条折线图,它可以正常工作,但是我希望y轴以0作为最小值开始。现在,y轴从显示的数据中最小值开始。我希望它始终从零开始显示。
这是我正在使用的代码(它可以工作,但是y轴不从0开始):
<script type="text/javascript">
$(document).ready(function(){
$.ajax({
url : "Get data from here",
type : "GET",
success : function(data){
console.log(data);
var userid = [];
var viewers = [];
for(var i in data) {
userid.push(data[i].date_time);
viewers.push(data[i].viewers);
}
var chartdata =
{
labels: userid,
datasets:
[
{
label: "Viewers for <?php echo $month . " - " . $year; ?>",
fill: false,
lineTension: 0.1,
backgroundColor: "rgba(59, 89, 152, 0.75)",
borderColor: "rgba(59, 89, 152, 1)",
pointHoverBackgroundColor: "rgba(59, 89, 152, 1)",
pointHoverBorderColor: "rgba(59, 89, 152, 1)",
data: viewers,
options:
{
responsive: true,
scales: {
yAxes: [{
ticks: {
beginAtZero: true
}
}]
}
}
}
]
};
var ctx = $("#mycanvas");
var LineGraph = new Chart(ctx, {
type: 'line',
data: chartdata
});
},
error : function(data) {
}
});
});
</script>
我添加了这部分内容:
options:
{
responsive: true,
scales: {
yAxes: [{
ticks: {
beginAtZero: true
}
}]
}
}
但是似乎它没有做任何事情,并且继续从所显示数据的最小值开始显示。