Aşağıdaki verileri çubuk grafik olarak görüntüleyen bir web sayfası oluşturun.
Veri: {
 "Ocak": 20,
 "Şubat": 15,
 "Mart": 10,
 "Nisan": 25,
 "Mayıs": 30
 }
<html>
<head>
 <title>Çubuk Grafik</title>
</head>
<body>
 <canvas id="barChart" width=" 400" height="400"></canvas>
 
 <script>
 sabit veri = {
 "Ocak": 20,
 "Şubat": 15,
 "Mart": 10,
 "Nisan": 25,
 "Mayıs": 30
 };

 const barChart = document.getElementById("barChart").getContext ("2d");

 let barChartData = { 
 etiketler: ["Ocak", "Şubat", "Mart", "Nisan", "Mayıs" ],
 veri kümeleri: [
 { 
 etiket: "Aylık Veri",
 veri: [veri["Ocak"], veri["Şubat"], veri["Mart"], data["Nisan"], data["Mayıs"]],
 backgroundColor: "#FFCE56"
 }
 ]
 };

 let barChartOptions = { 
 duyarlı: true,
 ölçekler: {
 yAxes: [{
 ticks: {
 beginAtZero:true
 }
 }]
 }
 };

 let myBarChart = yeni Grafik (barChart, {
 yazın: 'bar',
 veri: barChartData,
 seçenekler: barChartOptions
 });
 </script>
</body>
</html>