Javascript chart.js在我的本地主机上运行良好,但它不能在线运行
chart.js在我的本地主机上运行良好,没有任何问题,但是当我在线发布它时,它就不工作了。。。我使用.load从另一个页面接收饼图数据 下面是我的HTML代码: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
<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);
}