Автоматическая прокрутка графика chart.js

Question

Сайт динамически получает значения из бд и вставляет их в график chart.js. НО значения просто добавляются на ось оХ без какого-либо замещения. Вопрос. Как установит предельное количество элементов на оси?

Вот код:

<!DOCTYPE html>
<html>
<head>
<title>Creating Dynamic Data Graph using PHP and Chart.js</title>
<style type="text/css">
BODY {
    width: 550PX;
}

#chart-container {
    width: 100%;
    height: auto;
}
</style>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/Chart.min.js"></script>


</head>
<body>
    <div id="chart-container">
        <canvas id="graphCanvas"></canvas>
    </div>
    <script>
    setTimeout(function(){$("#chart-container").load("index.php#chart-container");},10000);

    </script>

    <script>
        $(document).ready(function () {

            showGraph();

        });


        function showGraph()
        {
            {
                $.post("data.php",
                function (data)
                {
                    console.log(data);
                     var name = [];
                    var marks = [];

                    for (var i in data) {
                        name.push(data[i].nowdate);
                        marks.push(data[i].temperature);
                    }

                    var chartdata = {
                        labels: name,
                        datasets: [
                            {
                                label: 'temperature',
                                backgroundColor: '#49e2ff',
                                borderColor: '#46d5f1',
                                hoverBackgroundColor: '#CCCCCC',
                                hoverBorderColor: '#666666',
                                data: marks
                            }
                        ]
                    };

                    var graphTarget = $("#graphCanvas");

                    var barGraph = new Chart(graphTarget, {
                        type: 'line',
                        data: chartdata
                    });
                });
            }

        }
        </script>


</body>
</html>

БЛОГ НА HUSL

Автоматическая прокрутка графика chart.js

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