启用chartsJS条形图以在y轴上开始

Question

我正在使用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>

Answer 1

您在选项中所做的操作应该在v3中有效，axis: 'y'不适用于chart.js，因为它不适用于您。我假设您使用的是lib的版本2，在这种情况下，您必须将type从bar更改为horizontalBar