javascript - Chart.js 只随机出现，并在页面刷新时消失

Question

尝试使用 chart.js 但我遇到了图表加载的问题......有时。其他时候它不会，它会在页面刷新时消失。有任何想法吗？这在 Chrome 和 Safari 中进行了测试。

<canvas id="myChart" width="400px" height="400px"></canvas>

<script>
    $.getJSON('includes/salesjson.php', function(data){
    var lineChartData = {
        labels : data[0],
        datasets : [
            {
                label: "My First dataset",
                fillColor : "rgba(220,220,220,0.2)",
                strokeColor : "rgba(220,220,220,1)",
                pointColor : "rgba(220,220,220,1)",
                pointStrokeColor : "#fff",
                pointHighlightFill : "#fff",
                pointHighlightStroke : "rgba(220,220,220,1)",
                data : data[1]
            }
        ]

    }

window.onload = function(){
    var ctx = document.getElementById("myChart").getContext("2d");
    window.myLine = new Chart(ctx).Line(lineChartData, {
        responsive: false
    });
}
     });

</script>

Answer 1

您在 json 返回中放错了代码，特别是 window.onload，具体取决于函数(数据)何时返回此显示图表，位于改进和修复的代码下方(未测试)。

$(function(){
        $.getJSON('includes/salesjson.php', function(data){
            var lineChartData = {
                labels : data[0],
                datasets : [
                    {
                        label: "My First dataset",
                        fillColor : "rgba(220,220,220,0.2)",
                        strokeColor : "rgba(220,220,220,1)",
                        pointColor : "rgba(220,220,220,1)",
                        pointStrokeColor : "#fff",
                        pointHighlightFill : "#fff",
                        pointHighlightStroke : "rgba(220,220,220,1)",
                        data : data[1]
                    }
                ]
            };

            var ctx = document.getElementById("myChart").getContext("2d");
            var chart = new Chart(ctx).Line(lineChartData, {
                responsive: false
            });
        });

    });