Помогите с Chart.JS делаю график, но Canvas всегда на весь экран, размеры не хочет менять

Question

Начал изучать Chart.Js построить график получается, но не могу понять, почему у меня постоянно на весь экран растягивается CANVAS Как только рисую график в нём.

Делаю вот такой и у меня график рисуется на весь экран, а мне надо маленькие сделать, другого размера. Но не понимаю как (((

    <html>
    <body>
        
        <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.min.js"></script>
       


<div><canvas id="popChart" width="100" height="100"></canvas></div>
       

<script>
var popCanvas = document.getElementById("popChart");
var barChart = new Chart(popCanvas, {
  type: 'bar',
  data: {
    labels: ["China", "India", "United States", "Indonesia", "Brazil", "Pakistan", "Nigeria", "Bangladesh", "Russia", "Japan"],
    datasets: [{
      label: 'Population',
      data: [1379302771, 1281935911, 326625791, 260580739, 207353391, 204924861, 190632261, 157826578, 142257519, 126451398],
      backgroundColor: [
        'rgb(255, 99, 132)',
        'rgb(54, 162, 235)',
        'rgb(255, 206, 86)',
        'rgb(75, 192, 192)',
        'rgb(153, 102, 255)',
        'rgb(255, 159, 64)',
        'rgb(255, 99, 132)',
        'rgb(54, 162, 235)',
        'rgb(255, 206, 86)',
        'rgb(75, 192, 192)',
        'rgb(153, 102, 255)'
      ]
    }]
  }
});
</script>

    </body>
</html>

БЛОГ НА HUSL

Помогите с Chart.JS делаю график, но Canvas всегда на весь экран, размеры не хочет менять

Ответы (0 шт):