最後の値がcharts.js-libraryの棒グラフに表示されません

Question

私は棒グラフを作成しましたが、作成した6つのラベルから5つの値しか表示されません。 charts.js websiteでも、使用した棒グラフの例では、作成された7つのラベルのうち6つの値しか表示されません。

私のコード

'use strict' 

$(function() { 
var data = { 
    labels: ["HTML", "CSS", "JavaScript", "Java", "Wordpress", "Boostrap"], 
    datasets: [ 
     { 
      label: "My Skill Set", 
      backgroundColor: "rgba(255,99,132,0.2)", 
      borderColor: "rgba(255,99,132,1)", 
      borderWidth: 1, 
      hoverBackgroundColor: "rgba(255,99,132,0.4)", 
      hoverBorderColor: "rgba(255,99,132,1)", 
      data: [100, 90, 80, 82, 85, 88], 
     } 
    ] 
}; 
var options = {}; 
var ctx = document.getElementById("myChart").getContext('2d'); 
var myBarChart = new Chart(ctx, { 
    type: 'bar', 
    data: data, 
    options: options 
    }); 
}); 

Answer 1

私は

ar myChart = new Chart(ctx, { 
type: 'bar', 
data: { 
    labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"], 
    datasets: [{ 
     label: '# of Votes', 
     data: [12, 19, 3, 5, 2, 3] 
    }] 
}, 
options: { 
    scales: { 
     yAxes: [{ 
      ticks: { 
       beginAtZero:true 
      } 
     }] 
    } 
} 

はそれを試してみる..あなたが提供された基準からこれを見つけました。

Answer 2

私は実際にこの思い付いた：それは..私は `July`は、あなたが提供される基準には何も表示されない原因を、y軸は0から開始されませんので...それは知っている

var options = { 
    scales: { 
     yAxes: [{ 
      display: true, 
      ticks: { 
       suggestedMin: 0, // minimum will be 0, unless there is a lower value. 
       // OR // 
       beginAtZero: true // minimum value will be 0. 
      } 
     }] 
    } 
};