Значения моей диаграммы отображаются неправильно - PullRequest
0 голосов
/ 01 марта 2019

У меня есть Barchart из Chart.js, и я пытаюсь отобразить их данные.Это код моей диаграммы:

        Chart.defaults.global.legend.display = false;
        var ctx = document.getElementById('chart2').getContext('2d');
        var chart = new Chart(ctx, {

            // Configuration options go here
            options: {
                scales: {
                    yAxes: [{
                        ticks: {
                            beginAtZero: true,
                            min: 0,
                            max: 40000,
                            stepSize: 5000
                        }
                    }]
                },
                responsive: true,
                maintainAspectRatio: true,
            },
            // The type of chart
            
            type: 'bar',
            // The data
            data: {
                labels: ["First", "Second", "Third"],
                datasets: [{
                        backgroundColor: 'rgb(21, 90, 73)',
                        borderColor: 'rgb(21, 90, 73)',
                        data: [10810, 30069, 20046],
                }],
            },

        });
Я ожидаю, что первый график займет около четверти доступной высоты, мой второй - около 3 четвертей, а последний - около половины.И хотя диаграммы имеют правильный размер по сравнению друг с другом, они далеко не соответствуют их предполагаемому размеру на графике.Вот скриншот: Графики
Любая помощь будет принята с благодарностью.
...