Javascript Chart.JS不从0开始

我正在尝试将图表设置为而不是从0开始。我有这样的语法，它可以完美地工作->

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: 'Title'
        }
    }
})

但是，当我尝试添加以下内容时，

beginAtZero

页面将不再显示我的图表

var ctx = document.getElementById("canvas").getContext("2d");
window.myBar = new Chart(ctx, {
    type: 'bar',
    data: barChartData,
    options: {
        responsive: true,
        scales: {
            yAxes: [{
                ticks: {
                    beginAtZero: false
                }
            }]
        },
        legend: {
            position: 'top',
        },
        title: {
            display: true,
            text: 'Title'
        }
    }
});

使用Chart.JS在0处添加false的正确方法是什么

编辑
根据下面的注释，我添加了缺少的逗号，但是图表仍然从0开始

编辑2
在我的数据下面添加了图片。我希望

xAxes

不从0开始，我希望

yAxes

格式为货币，带$符号和逗号（如果可能）

这是我的图表截图

编辑3
这是我的

JSON

数据的

console.log（）
（13）[“霍恩斯比”，0，0，100，200，300，400，500，600，700，800，900，99]
0:“霍恩斯比”
1:0
2:0
3:100
4:200
5:300
6:400
7:500
8:600
9:700
10:800
11:900
12:99
长度：13

编辑4

我正在查询MSSQL并将结果存储在一个数组中，然后将数组传递给JSON，以便JQuery进行解析。下面是完整的语法（不包括数据库连接和查询信息）


`
var jsondata=；
var值=[]；
用于（jsondata中的var i）{
push（jsondata[i]）；
}
var labelsarr=Object.keys（jsondata）；
var barChartData={
标签：labelsarr，
数据集：[{
标签：'美元金额'，
背景色：'rgba（2002002002000.75）'，
边框颜色：“rgb（255，99，132）”，
边框宽度：1，
数据：值
}]
};
var ctx=document.getElementById（“画布”）.getContext（“2d”）；
window.myBar=新图表（ctx{
类型：'bar'，
数据：barChartData，
选项：{
回答：是的，
图例：{
位置：'顶部'，
},
标题：{
显示：对，
文本：“示例数据”
}
}
});
`
我无法重现该问题

只要您有此设置，它就可以工作
beginAtZero:false
-但是，这适用于yAxis

似乎您正在寻找处理返回的数组。我将简单地修改图表，类似于下面的演示

见下面的演示


window.onload=function（）{
var barChartData={
标签：[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”、“八月”、“九月”、“十月”、“十一月”、“十二月”]，
数据集：[{
标签：“霍恩斯比”，
背景颜色：“#ff0000”，
边框颜色：'#ff9900'，
边框宽度：1，
数据：[0,0,100,200,300,400,500,600,700,800,900,99]
}]
};
var ctx=document.getElementById（“画布”）.getContext（“2d”）；
window.myBar=新图表（ctx{
类型：'bar'，
数据：barChartData，
选项：{
回答：是的，
比例：{
xAxes：[{
滴答声：{
贝吉纳泽罗：错，
建议：3
}
}]
},
图例：{
位置：'顶部'，
},
标题：{
显示：对，
文本：“标题”
}
}
});
};
#画布{
宽度：500px；
高度：300px；
边框：1px纯色浅灰色；
}

如果这正是您的代码，则在缩放后和缩放前缺少一个
，
legend@Fered-我添加了逗号，但它仍然从0开始？您的图表现在可以工作了吗？你也可以发布你的图表数据吗？@Fered-图表现在显示，但它忽略了beginAtZero:false规定。我该如何发布我的图表日期a？em。。这是JSON吗？你能控制.log（barChartData）并复制粘贴到这里吗？如果它的数据不是那么大的话？
<?php
$db->setQuery($sql);
$rows = $db->loadRowList();
$output = array();
foreach( $rows as $row ) {
array_push($output, $row);
} 
$data = json_encode($output[0]);?>

`<div id="container" style="width: 75%;">
<canvas id="canvas"></canvas>
</div>

<script>
var jsondata = <?php echo $data; ?>;
var values = [];
for (var i in jsondata) {
values.push(jsondata[i]);
}
var labelsarr = Object.keys(jsondata);
var barChartData = {
labels: labelsarr,
datasets: [{
label: 'Dollar Amount',
backgroundColor:'rgba(200, 200, 200, 0.75)',
borderColor: 'rgb(255, 99, 132)',
borderWidth: 1,
data: values
}]
};
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: 'Sample Data'
}
}
});
</script>
</body>
</html>`