Chart.js 图表不开始于答案

【问题标题】：Chart.js Chart does not start atChart.js 图表不开始于
【发布时间】：2021-06-06 11:12:45
【问题描述】：

我希望图表从 0 开始。但它总是需要较低的值才能开始。我已经尝试了一些东西，但没有任何效果。它永远不会在 de javascript 部分的 de options 部分中完成设置。所以我不知道问题是什么。它永远不会从 0 开始。但这就是我想要的。请帮忙。非常感谢：）目前看起来像这样：https://school.luis-luescher.com/m242/moin/index.php

<!DOCTYPE html>
<html>

<head>
    <title>Database</title>
    <style type="text/css">
    BODY {
        width: 550PX;
    }

    #chart-container {
        width: 100%;
        height: auto;
    }
    </style>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/chart.js@2.9.4/dist/Chart.min.js"></script>

</head>

<body>
    <div id="chart-container">
        <canvas id="graphCanvas"></canvas>
    </div>

    <script>
    $(document).ready(function() {
        showGraph();
    });


    function showGraph() {
        {
            $.post("https://school.luis-luescher.com/m242/moin/data.php",
                function(data) {
                    console.log(data);
                    var trytime = [];
                    var count = [];

                    for (var i in data) {
                        trytime.push(data[i].trytime);
                        count.push(data[i].count);
                    }

                    var chartdata = {
                        labels: trytime,
                        datasets: [{
                            label: 'Erfolgreiche Authentifizerungen',
                            backgroundColor: '#8846f1',
                            borderColor: '#a446f1',
                            hoverBackgroundColor: '#CCCCCC',
                            hoverBorderColor: '#666666',
                            borderWidth: 1,
                            data: count,
                        }],
                        options: {
                            scales: {
                                yAxes: [{
                                    ticks: {
                                        beginAtZero: true
                                    }
                                }]
                            }
                        }
                    }


                    var graphTarget = $("#graphCanvas");

                    var barGraph = new Chart(graphTarget, {
                        type: 'bar',
                        data: chartdata
                    });
                });
        }
    }
    </script>

</body>

</html>

【问题讨论】：

请添加minimal reproducible example！无法运行代码sn-p，很难帮你！

标签： javascript charts chart.js

【解决方案1】：

您的 Options 对象必须在 chartData 之外。

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

【讨论】：

非常感谢。 :)