Javascript 启用图表将条形图从y轴开始

Javascript 启用图表将条形图从y轴开始,javascript,html,chart.js,Javascript,Html,Chart.js,我正在使用chartsJS制作条形图。但是,我希望br图表的条形图从“Y”轴突出。 我认为我下面的代码可以做到这一点,但由于某些原因,我无法让它工作。这些条从x轴伸出。我不知道我哪里出错了 <div class="hello"> <canvas id="sChartSum2" width="750" height="350"></canvas> &l

我正在使用chartsJS制作条形图。但是,我希望br图表的条形图从“Y”轴突出。 我认为我下面的代码可以做到这一点,但由于某些原因,我无法让它工作。这些条从x轴伸出。我不知道我哪里出错了

<div class="hello">
        <canvas id="sChartSum2" width="750" height="350"></canvas>
        <script>
            var ctx = document.getElementById('sChartSum2').getContext('2d');
            var myChart = new Chart(ctx, {
                type: 'bar',
                axis: 'y',
                data: {
                    labels: ["L1", "L2", "L3", "L4", "L5", "L6"],
                    datasets: [{
                                axis: 'y',
                                label: 'My First Dataset',
                                data: [65, 59, 80, 81, 56, 55, 40],
                                fill: false,
                                backgroundColor: [
                                  'rgba(255, 99, 132, 0.2)',
                                  'rgba(255, 159, 64, 0.2)',
                                  'rgba(255, 205, 86, 0.2)',
                                  'rgba(75, 192, 192, 0.2)',
                                  'rgba(54, 162, 235, 0.2)',
                                  'rgba(153, 102, 255, 0.2)',
                                  'rgba(201, 203, 207, 0.2)'
                                ],
                                borderColor: [
                                  'rgb(255, 99, 132)',
                                  'rgb(255, 159, 64)',
                                  'rgb(255, 205, 86)',
                                  'rgb(75, 192, 192)',
                                  'rgb(54, 162, 235)',
                                  'rgb(153, 102, 255)',
                                  'rgb(201, 203, 207)'
                                ],
                                borderWidth: 1
                              }]
                },
                options: {
                    indexAxis: 'y',
                }
            });
        </script>
    </div>

var ctx=document.getElementById('sChartSum2').getContext('2d');
var myChart=新图表(ctx{
类型:'bar',
轴:‘y’,
数据:{
标签:[“L1”、“L2”、“L3”、“L4”、“L5”、“L6”],
数据集:[{
轴:‘y’,
标签:“我的第一个数据集”,
数据:[65,59,80,81,56,55,40],
填充:假,
背景颜色:[
"rgba(255,99,132,0.2)",,
"rgba(255,159,64,0.2)",,
"rgba(255,205,86,0.2)",,
“rgba(751921920.2)”,
“rgba(54162235,0.2)”,
“rgba(153102255,0.2)”,
‘rgba(2012032070.2)’
],
边框颜色:[
"rgb(255,99,132)",,
"rgb(255,159,64)",,
"rgb(255,205,86)",,
“rgb(75192192)”,
“rgb(54162235)”,
“rgb(153102255)”,
‘rgb(201203207)’
],
边框宽度:1
}]
},
选项:{
索引:“y”,
}
});

您在选项中所做的工作应该在v3中起作用,
轴:“y”对于chart.js来说不是选项,因为它对您不起作用,我假设您使用的是lib的版本2,在这种情况下,您必须将
类型从
条形图更改为
水平条形图

,谢谢它起作用