Изменить диапазон диаграмм в ChartJs

Question

Изменить диапазон диаграмм в ChartJs

У меня есть следующий график:

и мой код выглядит следующим образом:

<script>
    var ctx = document.getElementById('myChart').getContext('2d');
    var chart = new Chart(ctx, {
        // The type of chart we want to create
        type: 'bar',

        // The data for our dataset
        data: {
            //labels: ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio"],
            labels: [
                <?php  
                    $sql = "SELECT DISTINCT(email) FROM login";
                    $resultado = mysqli_query($mysqli, $sql);
                    while($registros = mysqli_fetch_array($resultado)){
                        ?> '<?php echo $registros['email'] ?>',
                    <?php
                    }                     
                ?>],
            datasets: [{
            label: "Ultimas conexiones",
            backgroundColor: 'rgb(243, 197, 63)',
            borderColor: 'rgb(243, 197, 63)',
            //data: [0, 10, 5, 2, 20, 30, 45],
            data: [
                <?php
                    $sql = "SELECT COUNT(email) AS nombre FROM login GROUP BY email";
                    $resultado = mysqli_query($mysqli, $sql);
                    while($registros = mysqli_fetch_array($resultado)){
                        ?> '<?php echo $registros['nombre'] ?>',
                    <?php
                    } 
                ?>
            ],
            }]
        },

        // Configuration options go here
        options: {}
    });
</script>

я хотел бы изменить диапазон и вместо того, чтобы идти от 0.2, он будет увеличиваться на 1. у кого-нибудь есть идеи?

1

php javascript mysql chart.js

Author: Guillermo Ricardo Spindola Bri, 2018-05-09

Source

1 answers

score 2 · Accepted Answer

Вы можете использовать ticks. stepsize asi:

var chart = new Chart(ctx, {
    // The type of chart we want to create
    type: 'bar',

    // The data for our dataset
    data: {
        //labels: ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio"],
        labels: [
            <?php  
                $sql = "SELECT DISTINCT(email) FROM login";
                $resultado = mysqli_query($mysqli, $sql);
                while($registros = mysqli_fetch_array($resultado)){
                    ?> '<?php echo $registros['email'] ?>',
                <?php
                }                     
            ?>],
        datasets: [{
        label: "Ultimas conexiones",
        backgroundColor: 'rgb(243, 197, 63)',
        borderColor: 'rgb(243, 197, 63)',
        //data: [0, 10, 5, 2, 20, 30, 45],
        data: [
            <?php
                $sql = "SELECT COUNT(email) AS nombre FROM login GROUP BY email";
                $resultado = mysqli_query($mysqli, $sql);
                while($registros = mysqli_fetch_array($resultado)){
                    ?> '<?php echo $registros['nombre'] ?>',
                <?php
                } 
            ?>
        ],
        }]
    },

    // Configuration options go here
    options: {                                        
            scales: {
                yAxes: [
                    {
                        ticks: {                                    
                            stepSize: 1  
                        }
                    }
                ]
            }
    }
});