$myData->setScatterSeriePicture(0, "resources/chart_line.png");
/* Create the pChart object */
$myPicture = new pImage(400, 400, $myData);
/* Draw the background */
$Settings = array("R" => 170, "G" => 183, "B" => 87, "Dash" => 1, "DashR" => 190, "DashG" => 203, "DashB" => 107);
$myPicture->drawFilledRectangle(0, 0, 400, 400, $Settings);
/* Overlay with a gradient */
$Settings = array("StartR" => 219, "StartG" => 231, "StartB" => 139, "EndR" => 1, "EndG" => 138, "EndB" => 68, "Alpha" => 50);
$myPicture->drawGradientArea(0, 0, 400, 400, DIRECTION_VERTICAL, $Settings);
$myPicture->drawGradientArea(0, 0, 400, 20, DIRECTION_VERTICAL, array("StartR" => 0, "StartG" => 0, "StartB" => 0, "EndR" => 50, "EndG" => 50, "EndB" => 50, "Alpha" => 80));
/* Write the picture title */
$myPicture->setFontProperties(array("FontName" => "../fonts/Silkscreen.ttf", "FontSize" => 6));
$myPicture->drawText(10, 13, "drawScatterLineChart() - Draw a scatter line chart", array("R" => 255, "G" => 255, "B" => 255));
/* Add a border to the picture */
$myPicture->drawRectangle(0, 0, 399, 399, array("R" => 0, "G" => 0, "B" => 0));
/* Set the default font */
$myPicture->setFontProperties(array("FontName" => "../fonts/pf_arma_five.ttf", "FontSize" => 6));
/* Set the graph area */
$myPicture->setGraphArea(50, 50, 350, 350);
/* Create the Scatter chart object */
$myScatter = new pScatter($myPicture, $myData);
/* Draw the scale */
$myScatter->drawScatterScale();
/* Turn on shadow computing */
$myPicture->setShadow(TRUE, array("X" => 1, "Y" => 1, "R" => 0, "G" => 0, "B" => 0, "Alpha" => 10));
/* Draw a scatter plot chart */
$myScatter->drawScatterLineChart();
/* Draw the legend */
$myScatter->drawScatterLegend(270, 375, array("Mode" => LEGEND_HORIZONTAL, "Style" => LEGEND_NOBORDER));
/* Render the picture (choose the best way) */
$myPicture->autoOutput("pictures/example.drawScatterLineChart.trigo.png");
if (isset($_GET["ImageMap"]) || isset($_POST["ImageMap"])) {
$myPicture->dumpImageMap("ImageMapScatterPlotChart", IMAGE_MAP_STORAGE_FILE, "ScatterPlotChart", "../tmp");
}
/* Set the image map name */
$myPicture->initialiseImageMap("ImageMapScatterPlotChart", IMAGE_MAP_STORAGE_FILE, "ScatterPlotChart", "../tmp");
/* Draw the background */
$Settings = array("R" => 170, "G" => 183, "B" => 87, "Dash" => 1, "DashR" => 190, "DashG" => 203, "DashB" => 107);
$myPicture->drawFilledRectangle(0, 0, 400, 400, $Settings);
/* Overlay with a gradient */
$Settings = array("StartR" => 219, "StartG" => 231, "StartB" => 139, "EndR" => 1, "EndG" => 138, "EndB" => 68, "Alpha" => 50);
$myPicture->drawGradientArea(0, 0, 400, 400, DIRECTION_VERTICAL, $Settings);
/* Add a border to the picture */
$myPicture->drawRectangle(0, 0, 399, 399, array("R" => 0, "G" => 0, "B" => 0));
/* Set the default font */
$myPicture->setFontProperties(array("FontName" => FONT_PATH . "/pf_arma_five.ttf", "FontSize" => 6));
/* Set the graph area */
$myPicture->setGraphArea(50, 30, 350, 330);
/* Create the Scatter chart object */
$myScatter = new pScatter($myPicture, $myData);
/* Draw the scale */
$myScatter->drawScatterScale();
/* Turn on shadow computing */
$myPicture->setShadow(TRUE, array("X" => 1, "Y" => 1, "R" => 0, "G" => 0, "B" => 0, "Alpha" => 10));
/* Turn of Antialiasing */
$myPicture->Antialias = TRUE;
/* Draw a scatter plot chart */
$myScatter->drawScatterPlotChart(array("RecordImageMap" => TRUE));
/* Draw the legend */
$myScatter->drawScatterLegend(260, 375, array("Mode" => LEGEND_HORIZONTAL, "Style" => LEGEND_NOBORDER));
/* Render the picture (choose the best way) */
$myPicture->autoOutput("../tmp/ScatterPlotChart.png");
protected function plotScatterChart(pImage $picture, pData $data)
{
$myScatter = new pScatter($picture, $data);
// // calculationg limits
// $axis_id = 1;
// $rd = $data->getData();
// $series = $rd['Series'];
// $x = $series['x-axis']['Data'];
// $median = array();
// $percentil_u = array();
// $percentil_l = array();
// foreach ($series as $key => $serie) {
//
// if ('x-axis' == $key) {
// continue;
// }
//
//// $avg[] = $data->getSerieAverage($key);
//// $median[] = $data->getSeriePercentile($key, 50);
// $percentil_u[] = $data->getSeriePercentile($key, 95);
// $percentil_l[] = $data->getSeriePercentile($key, 5);
//
//
//// $max_p[] = max($percentil);
//// $min_p[] = min($percentil);
// }
//
//// $margin = sfConfig::get('chart_y_axis_margin_ratio', 1.5);
//
//// $ub = max($median) + $margin * (max($percentil_u) - max($median));
//// $lb = min($median) - $margin * (min($median) - min($percentil_u));
// if (count($percentil_u)) {
// $ub = max($percentil_u);
// $lb = min($percentil_l);
// } else {
// // no series available
// $ub = 100;
// $lb = 0;
// }
//
//// print_r($median);
//// print_r($percentil_l);
//// print_r($percentil_u);
//// print_r($ub);
//// print_r($lb);
// $AxisBoundaries = array(
// 0 => array("Min" => $x[0], "Max" => max($x)),
// 1 => array("Min" => $lb, "Max" => $ub),
// );
//print_r($AxisBoundaries);
$Settings = array("Pos" => SCALE_POS_LEFTRIGHT, "Mode" => SCALE_MODE_FLOATING, "DrawXLines" => FALSE, "DrawYLines" => ALL, "GridTicks" => 1, "GridR" => 168, "GridG" => 186, "GridB" => 203, "GridAlpha" => 30, "AxisR" => 40, "AxisG" => 40, "AxisB" => 43, "AxisAlpha" => 100, "TickR" => 40, "TickG" => 40, "TickB" => 43, "TickAlpha" => 50, "DrawSubTicks" => 1, "SubTickR" => 168, "SubTickG" => 186, "SubTickB" => 203, "SubTickAlpha" => 100, "DrawArrows" => false, "CycleBackground" => false);
$myScatter->drawScatterScale($Settings);
$picture->setShadow(TRUE, array("X" => 1, "Y" => 1, "R" => 0, "G" => 0, "B" => 0, "Alpha" => 10));
// if we have at least one y-serie
$pd = $data->getData();
if (count($pd['Series']) > 1) {
$myScatter->drawScatterLineChart();
//$myScatter->drawScatterPlotChart();
$Config = array("FontName" => sfConfig::get('sf_web_dir') . "/fonts/Ubuntu-R.ttf", "FontSize" => 6, "FontR" => 40, "FontG" => 40, "FontB" => 43, "Margin" => 6, "Alpha" => 100, "BoxSize" => 5, "Style" => LEGEND_NOBORDER, "Mode" => LEGEND_VERTICAL, "Family" => LEGEND_FAMILY_LINE);
$myScatter->drawScatterLegend(655, 50, $Config);
}
}
/* Create the pChart object */
$myPicture = new pImage(400, 400, $myData);
/* Draw the background */
$Settings = array("R" => 170, "G" => 183, "B" => 87, "Dash" => 1, "DashR" => 190, "DashG" => 203, "DashB" => 107);
$myPicture->drawFilledRectangle(0, 0, 400, 400, $Settings);
/* Overlay with a gradient */
$Settings = array("StartR" => 219, "StartG" => 231, "StartB" => 139, "EndR" => 1, "EndG" => 138, "EndB" => 68, "Alpha" => 50);
$myPicture->drawGradientArea(0, 0, 400, 400, DIRECTION_VERTICAL, $Settings);
$myPicture->drawGradientArea(0, 0, 400, 20, DIRECTION_VERTICAL, array("StartR" => 0, "StartG" => 0, "StartB" => 0, "EndR" => 50, "EndG" => 50, "EndB" => 50, "Alpha" => 80));
/* Write the picture title */
$myPicture->setFontProperties(array("FontName" => "../fonts/Silkscreen.ttf", "FontSize" => 6));
$myPicture->drawText(10, 13, "drawScatterSplineChart() - Draw a scatter spline chart", array("R" => 255, "G" => 255, "B" => 255));
/* Add a border to the picture */
$myPicture->drawRectangle(0, 0, 399, 399, array("R" => 0, "G" => 0, "B" => 0));
/* Set the default font */
$myPicture->setFontProperties(array("FontName" => "../fonts/pf_arma_five.ttf", "FontSize" => 6));
/* Set the graph area */
$myPicture->setGraphArea(50, 50, 350, 350);
/* Create the Scatter chart object */
$myScatter = new pScatter($myPicture, $myData);
/* Draw the scale */
$myScatter->drawScatterScale();
/* Turn on shadow computing */
$myPicture->setShadow(TRUE, array("X" => 1, "Y" => 1, "R" => 0, "G" => 0, "B" => 0, "Alpha" => 10));
/* Draw a scatter plot chart */
$myScatter->drawScatterSplineChart();
$myScatter->drawScatterPlotChart();
/* Draw the legend */
$myScatter->drawScatterLegend(280, 380, array("Mode" => LEGEND_HORIZONTAL, "Style" => LEGEND_NOBORDER));
/* Render the picture (choose the best way) */
$myPicture->autoOutput("pictures/example.drawScatterSplineChart.png");
/* Overlay with a gradient */
$Settings = array("StartR" => 219, "StartG" => 231, "StartB" => 139, "EndR" => 1, "EndG" => 138, "EndB" => 68, "Alpha" => 50);
$myPicture->drawGradientArea(0, 0, 600, 600, DIRECTION_VERTICAL, $Settings);
$myPicture->drawGradientArea(0, 0, 600, 20, DIRECTION_VERTICAL, array("StartR" => 0, "StartG" => 0, "StartB" => 0, "EndR" => 50, "EndG" => 50, "EndB" => 50, "Alpha" => 80));
/* Write the picture title */
$myPicture->setFontProperties(array("FontName" => "../fonts/Silkscreen.ttf", "FontSize" => 8));
$myPicture->drawText(10, 13, "Correlation Coefficient between Student Acitivity and Exam Grades", array("R" => 255, "G" => 255, "B" => 255));
/* Add a border to the picture */
$myPicture->drawRectangle(0, 0, 599, 599, array("R" => 0, "G" => 0, "B" => 0));
/* Set the default font */
$myPicture->setFontProperties(array("FontName" => "../fonts/pf_arma_five.ttf", "FontSize" => 9));
/* Set the graph area */
// $myPicture->setGraphArea(50,60,350,360);
$myPicture->setGraphArea(75, 90, 525, 540);
/* Create the Scatter chart object */
$myScatter = new pScatter($myPicture, $myData);
/* Draw the scale */
$myScatter->drawScatterScale();
/* Turn on shadow computing */
$myPicture->setShadow(TRUE, array("X" => 1, "Y" => 1, "R" => 0, "G" => 0, "B" => 0, "Alpha" => 10));
/* Draw a scatter plot chart */
$myScatter->drawScatterPlotChart();
/* Draw the legend */
$myScatter->drawScatterLegend(420, 580, array("Mode" => LEGEND_HORIZONTAL, "Style" => LEGEND_NOBORDER));
/* Draw the line of best fit */
$myScatter->drawScatterBestFit();
/* Render the picture (choose the best way) */
// $myPicture->autoOutput("pictures/example.drawScatterBestFit.png");
$myPicture->Render("attempts_pro2.png");
}
echo "<body>";
/* Create the Y axis and the binded series */
$myData->addPoints(array(2, 7, 5, 18, 19, 22), "Y Values");
$myData->setSerieOnAxis("Y Values", 1);
$myData->setAxisName(1, "Y Values");
$myData->setAxisXY(1, AXIS_Y);
/* Create the pChart object */
$myPicture = new pImage(400, 400, $myData);
/* Draw the background */
$Settings = array("R" => 170, "G" => 183, "B" => 87, "Dash" => 1, "DashR" => 190, "DashG" => 203, "DashB" => 107);
$myPicture->drawFilledRectangle(0, 0, 400, 400, $Settings);
/* Overlay with a gradient */
$Settings = array("StartR" => 219, "StartG" => 231, "StartB" => 139, "EndR" => 1, "EndG" => 138, "EndB" => 68, "Alpha" => 50);
$myPicture->drawGradientArea(0, 0, 400, 400, DIRECTION_VERTICAL, $Settings);
$myPicture->drawGradientArea(0, 0, 400, 20, DIRECTION_VERTICAL, array("StartR" => 0, "StartG" => 0, "StartB" => 0, "EndR" => 50, "EndG" => 50, "EndB" => 50, "Alpha" => 80));
/* Write the picture title */
$myPicture->setFontProperties(array("FontName" => "../fonts/Silkscreen.ttf", "FontSize" => 6));
$myPicture->drawText(10, 13, "drawScatterScale() - Draw the scatter chart scale", array("R" => 255, "G" => 255, "B" => 255));
/* Add a border to the picture */
$myPicture->drawRectangle(0, 0, 399, 399, array("R" => 0, "G" => 0, "B" => 0));
/* Set the default font */
$myPicture->setFontProperties(array("FontName" => "../fonts/pf_arma_five.ttf", "FontSize" => 6));
/* Set the graph area */
$myPicture->setGraphArea(50, 50, 350, 350);
/* Create the Scatter chart object */
$myScatter = new pScatter($myPicture, $myData);
/* Draw the scale */
$AxisBoundaries = array(0 => array("Min" => 0, "Max" => 3600, "Rows" => 12, "RowHeight" => 300), 1 => array("Min" => 0, "Max" => 100));
$ScaleSettings = array("Mode" => SCALE_MODE_MANUAL, "ManualScale" => $AxisBoundaries, "DrawSubTicks" => TRUE);
$myScatter->drawScatterScale($ScaleSettings);
/* Render the picture (choose the best way) */
$myPicture->autoOutput("pictures/example.drawScatterScale.manual.png");
/* Draw the background */
$Settings = array("R" => 170, "G" => 183, "B" => 87, "Dash" => 1, "DashR" => 190, "DashG" => 203, "DashB" => 107);
$myPicture->drawFilledRectangle(0, 0, 800, 582, $Settings);
/* Overlay with a gradient */
$Settings = array("StartR" => 219, "StartG" => 231, "StartB" => 139, "EndR" => 1, "EndG" => 138, "EndB" => 68, "Alpha" => 50);
$myPicture->drawGradientArea(0, 0, 800, 582, DIRECTION_VERTICAL, $Settings);
/* Add a border to the picture */
$myPicture->drawRectangle(0, 0, 799, 581, array("R" => 0, "G" => 0, "B" => 0));
/* Write the title */
$myPicture->setFontProperties(array("FontName" => "../fonts/Forgotte.ttf", "FontSize" => 23));
$myPicture->drawText(55, 50, "Anscombe's Quartet drawing example", array("R" => 255, "G" => 255, "B" => 255));
$myPicture->drawText(55, 65, "This example demonstrate the importance of graphing data before analysing it. (The line of best fit is the same for all datasets)", array("FontSize" => 12, "R" => 255, "G" => 255, "B" => 255));
/* Set the default font */
$myPicture->setFontProperties(array("FontName" => "../fonts/pf_arma_five.ttf", "FontSize" => 6));
/* Create the Scatter chart object */
$myScatter = new pScatter($myPicture, $myData);
/* Turn on shadow computing */
$myPicture->setShadow(TRUE, array("X" => 1, "Y" => 1, "R" => 0, "G" => 0, "B" => 0, "Alpha" => 10));
/* Draw the 1st chart */
$myPicture->setGraphArea(56, 90, 380, 285);
$myScatter->drawScatterScale(array("XMargin" => 5, "YMargin" => 5, "Floating" => TRUE, "DrawSubTicks" => TRUE));
$myScatter->drawScatterPlotChart();
$myScatter->drawScatterBestFit();
/* Draw the 2nt chart */
$myData->setScatterSerieDrawable(0, FALSE);
$myData->setScatterSerieDrawable(1, TRUE);
$myPicture->setGraphArea(436, 90, 760, 285);
$myScatter->drawScatterScale(array("XMargin" => 5, "YMargin" => 5, "Floating" => TRUE, "DrawSubTicks" => TRUE));
$myScatter->drawScatterPlotChart();
$myScatter->drawScatterBestFit();
/* Draw the 3rd chart */
$myPicture->drawFilledRectangle(0, 0, 400, 400, $Settings);
/* Overlay with a gradient */
$Settings = array("StartR" => 219, "StartG" => 231, "StartB" => 139, "EndR" => 1, "EndG" => 138, "EndB" => 68, "Alpha" => 50);
$myPicture->drawGradientArea(0, 0, 400, 400, DIRECTION_VERTICAL, $Settings);
$myPicture->drawGradientArea(0, 0, 400, 20, DIRECTION_VERTICAL, array("StartR" => 0, "StartG" => 0, "StartB" => 0, "EndR" => 50, "EndG" => 50, "EndB" => 50, "Alpha" => 80));
/* Write the picture title */
$myPicture->setFontProperties(array("FontName" => "../fonts/Silkscreen.ttf", "FontSize" => 6));
$myPicture->drawText(10, 13, "drawScatterLineChart() - Draw a scatter line chart", array("R" => 255, "G" => 255, "B" => 255));
/* Add a border to the picture */
$myPicture->drawRectangle(0, 0, 399, 399, array("R" => 0, "G" => 0, "B" => 0));
/* Set the default font */
$myPicture->setFontProperties(array("FontName" => "../fonts/pf_arma_five.ttf", "FontSize" => 6));
/* Set the graph area */
$myPicture->setGraphArea(50, 50, 350, 350);
/* Create the Scatter chart object */
$myScatter = new pScatter($myPicture, $myData);
/* Draw the scale */
$myScatter->drawScatterScale();
/* Turn on shadow computing */
$myPicture->setShadow(TRUE, array("X" => 1, "Y" => 1, "R" => 0, "G" => 0, "B" => 0, "Alpha" => 10));
/* Draw a scatter plot chart */
$myScatter->drawScatterLineChart();
/* Draw the legend */
$myScatter->drawScatterLegend(280, 380, array("Mode" => LEGEND_HORIZONTAL, "Style" => LEGEND_NOBORDER));
/* Set the default font */
$myPicture->setFontProperties(array("FontName" => "../fonts/Forgotte.ttf", "FontSize" => 11));
/* Write a label over the chart */
$LabelSettings = array("Decimals" => 1, "TitleMode" => LABEL_TITLE_BACKGROUND, "TitleR" => 255, "TitleG" => 255, "TitleB" => 255);
$myScatter->writeScatterLabel(1, 17, $LabelSettings);
/* Render the picture (choose the best way) */
$myPicture->autoOutput("pictures/example.drawLabel.scatter.png");
$myPicture->drawFilledRectangle(0, 0, 400, 400, $Settings);
/* Overlay with a gradient */
$Settings = array("StartR" => 219, "StartG" => 231, "StartB" => 139, "EndR" => 1, "EndG" => 138, "EndB" => 68, "Alpha" => 50);
$myPicture->drawGradientArea(0, 0, 400, 400, DIRECTION_VERTICAL, $Settings);
$myPicture->drawGradientArea(0, 0, 400, 20, DIRECTION_VERTICAL, array("StartR" => 0, "StartG" => 0, "StartB" => 0, "EndR" => 50, "EndG" => 50, "EndB" => 50, "Alpha" => 80));
/* Write the picture title */
$myPicture->setFontProperties(array("FontName" => "../fonts/Silkscreen.ttf", "FontSize" => 6));
$myPicture->drawText(10, 13, "createFunctionSerie() - Functions computing", array("R" => 255, "G" => 255, "B" => 255));
/* Add a border to the picture */
$myPicture->drawRectangle(0, 0, 399, 399, array("R" => 0, "G" => 0, "B" => 0));
/* Set the default font */
$myPicture->setFontProperties(array("FontName" => "../fonts/pf_arma_five.ttf", "FontSize" => 6));
/* Set the graph area */
$myPicture->setGraphArea(50, 50, 350, 350);
/* Create the Scatter chart object */
$myScatter = new pScatter($myPicture, $myData);
/* Draw the scale */
$myScatter->drawScatterScale(array("XMargin" => 10, "YMargin" => 10, "Floating" => TRUE));
/* Turn on shadow computing */
$myPicture->setShadow(TRUE, array("X" => 1, "Y" => 1, "R" => 0, "G" => 0, "B" => 0, "Alpha" => 10));
/* Draw the 0/0 lines */
$myScatter->drawScatterThreshold(0, array("AxisID" => 0, "R" => 0, "G" => 0, "B" => 0, "Ticks" => 10));
$myScatter->drawScatterThreshold(0, array("AxisID" => 1, "R" => 0, "G" => 0, "B" => 0, "Ticks" => 10));
/* Draw a treshold area */
$myScatter->drawScatterThresholdArea(-0.1, 0.1, array("AreaName" => "Error zone"));
/* Draw a scatter plot chart */
$myScatter->drawScatterLineChart();
$myScatter->drawScatterPlotChart();
/* Draw the legend */
$myScatter->drawScatterLegend(300, 380, array("Mode" => LEGEND_HORIZONTAL, "Style" => LEGEND_NOBORDER));
/* Render the picture (choose the best way) */
/* Create the Y axis and the binded series */
$myData->addPoints(array(2, 7, 5, 18, 19, 22), "Probe 3");
$myData->setSerieOnAxis("Probe 3", 1);
$myData->setAxisName(1, "Humidity");
$myData->setAxisXY(1, AXIS_Y);
$myData->setAxisUnit(1, "%");
$myData->setAxisPosition(1, AXIS_POSITION_RIGHT);
/* Create the pChart object */
$myPicture = new pImage(400, 400, $myData);
/* Draw the background */
$Settings = array("R" => 170, "G" => 183, "B" => 87, "Dash" => 1, "DashR" => 190, "DashG" => 203, "DashB" => 107);
$myPicture->drawFilledRectangle(0, 0, 400, 400, $Settings);
/* Overlay with a gradient */
$Settings = array("StartR" => 219, "StartG" => 231, "StartB" => 139, "EndR" => 1, "EndG" => 138, "EndB" => 68, "Alpha" => 50);
$myPicture->drawGradientArea(0, 0, 400, 400, DIRECTION_VERTICAL, $Settings);
$myPicture->drawGradientArea(0, 0, 400, 20, DIRECTION_VERTICAL, array("StartR" => 0, "StartG" => 0, "StartB" => 0, "EndR" => 50, "EndG" => 50, "EndB" => 50, "Alpha" => 80));
/* Write the picture title */
$myPicture->setFontProperties(array("FontName" => "../fonts/Silkscreen.ttf", "FontSize" => 6));
$myPicture->drawText(10, 13, "drawScatterScale() - Draw the scatter chart scale", array("R" => 255, "G" => 255, "B" => 255));
/* Add a border to the picture */
$myPicture->drawRectangle(0, 0, 399, 399, array("R" => 0, "G" => 0, "B" => 0));
/* Set the default font */
$myPicture->setFontProperties(array("FontName" => "../fonts/pf_arma_five.ttf", "FontSize" => 6));
/* Set the graph area */
$myPicture->setGraphArea(50, 50, 350, 350);
/* Create the Scatter chart object */
$myScatter = new pScatter($myPicture, $myData);
/* Draw the scale */
$myScatter->drawScatterScale();
/* Render the picture (choose the best way) */
$myPicture->autoOutput("pictures/example.drawScatterScale.png");
