Javascript 启用图表将条形图从y轴开始
我正在使用chartsJS制作条形图。但是,我希望br图表的条形图从“Y”轴突出。 我认为我下面的代码可以做到这一点,但由于某些原因,我无法让它工作。这些条从x轴伸出。我不知道我哪里出错了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
<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,在这种情况下,您必须将类型从条形图更改为水平条形图
,谢谢它起作用