无法使用javascript自动刷新我的图表
图表加载正常,但我无法自动刷新此图表,已尝试设置间隔(drawChart,10000);而且不起作用。我把间隔放错位置了吗?功能是绘图无法使用javascript自动刷新我的图表,javascript,charts,Javascript,Charts,图表加载正常,但我无法自动刷新此图表,已尝试设置间隔(drawChart,10000);而且不起作用。我把间隔放错位置了吗?功能是绘图 function drawChart(candlestickChartDataOptions, candlestickChartData, chart_id) { var data = google.visualization.arrayToDataTable(candlestickChartData, true); var options =
function drawChart(candlestickChartDataOptions, candlestickChartData, chart_id) {
var data = google.visualization.arrayToDataTable(candlestickChartData, true);
var options = {
chartArea: {
left: 40,
top: 20,
width: "100%",
height: "70%"
},
legend:"none",
title:candlestickChartDataOptions.currency1+" price in "+candlestickChartDataOptions.currency2,
bar: { groupWidth: "70%" ,
}, // sets space between bars
candlestick: {
fallingColor: { strokeWidth: 0, fill: "#a52714" }, // red
risingColor: { strokeWidth: 0, fill: "#0f9d58" }, // green
}
};
var chart = new google.visualization.CandlestickChart(document.getElementById(chart_id));
chart.draw(data, options);
}
jQuery( document ).ready(function() {
jQuery( "select#chart_period_'.$chart_id.'" ).change(function() {
setCandlestickPeriod(candlestickChartDataOptions_'.$chart_id.', jQuery(this).val());
candlestickLoadData(candlestickChartDataOptions_'.$chart_id.', "'.$chart_id.'");
});
drawChart();
setInterval(drawChart, 10000);
});
</script>
<div id="<?php echo $chart_id; ?>"></div>
函数绘图图(烛台KChartDataOptions,烛台KChartData,图表id){
var data=google.visualization.arrayToDataTable(candlestickChartData,true);
变量选项={
图表区:{
左:40,,
前20名,
宽度:“100%”,
身高:“70%”
},
图例:“无”,
标题:candlestickChartDataOptions.currency1+“价格单位”+candlestickChartDataOptions.currency2,
条:{groupWidth:“70%”,
},//设置条之间的间距
烛台:{
fallingColor:{strokeWidth:0,填充:#a52714},//红色
risingColor:{strokeWidth:0,填充:#0f9d58},//绿色
}
};
var chart=new google.visualization.CandlestickChart(document.getElementById(chart_id));
图表绘制(数据、选项);
}
jQuery(文档).ready(函数(){
jQuery(“选择#图表(周期)”。$chart(图表id)”)。更改(函数(){
setCandlestickPeriod(candlestickChartDataOptions_'.$chart_id',jQuery(this.val());
candlestickLoadData(candlestickChartDataOptions.'.$chart\u id.',“.$chart\u id.'”;
});
图纸();
设定间隔(绘图图,10000);
});
如果要使其重新加载一次,请使用setTimeOut
而不是setInterval
<代码>设置间隔
将在每1秒后重新加载一次。请告诉我它是否有效@Karan Dhir您好,我需要它每隔一秒或几秒钟重新加载一次。如果您想让它重新加载一次,请使用setTimeOut
而不是setInterval
<代码>设置间隔将在每1秒后重新加载一次。请告诉我它是否有效@Karan Dhir嗨,我需要它每隔几秒或几秒钟重新加载一次
<script>
setInterval(function(){
$("<?php echo $chart_id; ?>").load(document.URL + " <?php echo
$chart_id; ?>");
}, 10000)
</script>