Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/432.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript chart.js在我的本地主机上运行良好,但它不能在线运行_Javascript_Jquery_Charts_Chart.js - Fatal编程技术网

Javascript chart.js在我的本地主机上运行良好,但它不能在线运行

Javascript chart.js在我的本地主机上运行良好,但它不能在线运行,javascript,jquery,charts,chart.js,Javascript,Jquery,Charts,Chart.js,chart.js在我的本地主机上运行良好,没有任何问题,但是当我在线发布它时,它就不工作了。。。我使用.load从另一个页面接收饼图数据 下面是我的HTML代码: <div id="canvas-holder"> <div id="arafa" hidden></div> <canvas id="chart-area"></canvas> </div> }我认为问题在于,chart函数在获取数据之前被调用了 win

chart.js在我的本地主机上运行良好,没有任何问题,但是当我在线发布它时,它就不工作了。。。我使用.load从另一个页面接收饼图数据

下面是我的HTML代码:

<div id="canvas-holder">
<div  id="arafa" hidden></div>
<canvas id="chart-area"></canvas>   
</div>

}我认为问题在于,chart函数在获取数据之前被调用了

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

}

假设这只是你要理解的解决方案的一个例子。此处,lineChartData是要在图表中显示的数据对象。为了在图表中处理这些数据,我使用了一个带有1秒延迟的settimeout函数。您可以使用此代码检查问题是否延迟加载,如果是,则可以创建任何其他事件处理程序以串行加载对象和函数。

您确定在home\u reports/profit\u和\u Loss.php上调用ajax时没有任何错误吗?你的控制台在说什么?
window.onload = function () {
    setTimeout(function () {
        var ctx = document.getElementById("valueChart").getContext("2d");
        window.myLine = new Chart(ctx).Line(lineChartData, {
            responsive: true
        });
    }, 1000);

}