Krijo një faqe interneti që shfaq të dhënat e mëposhtme si grafik me shtylla.
Të dhënat: {
    "Janar": 20,
    "Shkurt": 15,
    "Mars": 10,
    "Prill": 25,
    "Maj": 30
    }
<html>
<koka>
  <title>Grafiku me shtylla</title>
</head>
<trupi>
  <canvas id="barChart" width="400" height="400"></canvas>
  
  <skript>
    të dhëna konst = {
      "Janar": 20,
      "Shkurt": 15,
      "Mars": 10,
      "Prill": 25,
      "Maj": 30
    };

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

    le barChartData = {
      etiketat: ["Janar", "Shkurt", "Mars", "Prill", "Maj"],
      grupet e të dhënave: [
        {
            etiketa: "Të dhënat mujore",
            të dhënat: [të dhënat["janar"], të dhënat["shkurt"], të dhënat["mars"], të dhënat["prill"], të dhënat ["maj"]],
            Ngjyra e sfondit: "#FFCE56"
        }
      ]
    };

    le barChartOptions = {
        e përgjegjshme: e vërtetë,
        peshore: {
            yAkset: [{
                rriqrat: {
                    FillimAtZero: e vërtetë
                }
            }]
        }
    };

    le myBarChart = grafik i ri(barChart, {
        lloji: 'bar',
        të dhënat: barChartData,
        opsionet: barChartOptions
    });
  </script>
</body>
</html>