如何解决如何在Chart.js中显示条
<canvas id="myChart"></canvas>
</div>
<script>
var ctx = document.getElementById("myChart").getContext('2d');
var myChart = new Chart(ctx,{
type: 'horizontalBar',data: {
labels: ["Interna","Pediatric","Obygn","Surgical"],datasets: [{
label: '100% of Votes',data: [80,55,60,70],backgroundColor: [
'rgba(150,99,132,0.6)','rgba(180,'rgba(210,'rgba(240,0.6)'
],borderColor: [
'rgba(150,1)',1)'
],borderWidth: 2,hoverBorderWidth: 0
}]
},options: {
解决方法
x轴刻度从55开始。由于Pediatric
的值为55,因此看不到任何条形。
设置以下选项以使比例尺始终从零开始:
options: {
scales: {
xAxes: [{
ticks: {
beginAtZero: true
}
}]
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。