Ajax+Jpgraph制作动态折线图

阅读更多

一 代码

fun.js

var i=1;
function progress(){
    setInterval("beginProgress()", 600);	
}
function beginProgress(){
	$("#img").attr("src", "img.php?m="+i);
	i++;
	if(i>=12){
	    i=1;	
	}
}

 

index.php

 

img.php

SetScale("textlin");
$graph->SetShadow();
$graph->img->SetMargin(40, 30, 30, 70);
$graph->title->Set("图书销售走势表");
$lineplot1 = new LinePlot($data1);
$graph->Add($lineplot1);
$graph->xaxis->title->Set("月份");
$graph->yaxis->title->Set("book A销售金额（万元）");
$graph->title->SetFont(FF_SIMSUN, FS_BOLD);
$graph->yaxis->title->SetFont(FF_SIMSUN, FS_BOLD);
$graph->xaxis->title->SetFont(FF_SIMSUN, FS_BOLD);
$lineplot1->SetColor('red');
$lineplot1->SetLegend('book A');
$graph->legend->SetLayout(LEGEND_HOR);
$graph->legend->Pos(0.4, 0.95, 'center', 'bottom');
$graph->Stroke();

 

二 运行结果

 

• 
• 大小: 14.7 KB

• 查看图片附件