最近在项目里面要做一些统计,要使用图表,想使用H5,但是对前端实在是有点无爱,果断pChart搞起!
目前只玩这个曲线图
http://pchart.sourceforge.net/download.php
我用的版本是1.27
然后开始敲,开始测试,慢慢看懂里面的方法
个人感觉里面比较重要的方法我用红色字体标记出来了!
// Dataset definition
$DataSet = new pData;
$DataSet->AddPoint(array(1,4,3,4,3,3,2,1,4,7,4,3,2,3,3,5,1,2,7),"Serie1");
$DataSet->AddPoint(array(1,4,2,6,2,3,7,1,5,1,2,4,5,2,1,5,6,4,2),"Serie2");
$DataSet->AddPoint(array(3,5,3,1,2,6,3,5,1,6,5,4,8,2,4,6,9,1,7),"Serie3");
$DataSet->AddAllSeries();
$DataSet->SetAbsciseLabelSerie("Serie3");//设置x坐标的值
$DataSet->SetSerieName("January","Serie1");
$DataSet->SetSerieName("February","Serie2");//设置图例
$Test = new pChart(700,230);//设置宽高
$Test->setFixedScale(0,8);//设置Y 坐标显示的范围
$Test->setFontProperties("Fonts/tahoma.ttf",8);
$Test->setGraphArea(50,30,585,200);
$Test->drawFilledRoundedRectangle(7,7,693,223,5,240,240,240);
$Test->drawRoundedRectangle(5,5,695,225,5,230,230,230);
$Test->drawGraphArea(255,255,255,TRUE);
$Test->drawScale($DataSet->GetData(),$DataSet->GetDataDescription(),SCALE_NORMAL,
150,150,150,TRUE,0,2);//这个绿色的字那是Y坐标的间隔
$Test->drawGrid(4,TRUE,230,230,230,50);
// Draw the 0 line
$Test->setFontProperties("Fonts/tahoma.ttf",6);
$Test->drawTreshold(0,143,55,72,TRUE,TRUE);
// Draw the cubic curve graph
$Test->drawCubicCurve($DataSet->GetData(),$DataSet->GetDataDescription());
// Finish the graph
$Test->writeValues($DataSet->GetData(),$DataSet->GetDataDescription(),"Serie1");//在曲线上设定显示 数值
$Test->setFontProperties("Fonts/tahoma.ttf",8);
$Test->drawLegend(600,30,$DataSet->GetDataDescription(),255,255,255);
$Test->setFontProperties("Fonts/tahoma.ttf",10);
$Test->drawTitle(50,22,"Example 2",50,50,50,585);
$Test->Render("example2.png");
目前只研究了这么多!
再有深入研究继续来补充!