1# Drawing a radar chart 2 3[Reference](http://wiki.pchart.net/doc.draw.radar.html) 4 5```php 6require '/path/to/your/vendor/autoload.php'; 7 8use CpChart\Chart\Radar; 9use CpChart\Data; 10use CpChart\Image; 11 12/* Prepare some nice data & axis config */ 13$data = new Data(); 14$data->addPoints([40, 20, 15, 10, 8, 4], "ScoreA"); 15$data->addPoints([8, 10, 12, 20, 30, 15], "ScoreB"); 16$data->setSerieDescription("ScoreA", "Application A"); 17$data->setSerieDescription("ScoreB", "Application B"); 18 19/* Optionally define the symbol shape of each series (defaults to circle) */ 20$myData->setSerieShape("ScoreA", SERIE_SHAPE_FILLEDTRIANGLE ); 21$myData->setSerieShape("ScoreB", SERIE_SHAPE_FILLEDDIAMOND ); 22 23/* Create the X serie */ 24$data->addPoints(["Size", "Speed", "Reliability", "Functionalities", "Ease of use", "Weight"], "Labels"); 25$data->setAbscissa("Labels"); 26 27/* Create the Image object */ 28$image = new Image(700, 230, $data); 29 30/* Draw a solid background */ 31$settings = ["R" => 179, "G" => 217, "B" => 91, "Dash" => 1, "DashR" => 199, "DashG" => 237, "DashB" => 111]; 32$image->drawFilledRectangle(0, 0, 700, 230, $settings); 33 34/* Overlay some gradient areas */ 35$settings = ["StartR" => 194, "StartG" => 231, "StartB" => 44, "EndR" => 43, "EndG" => 107, "EndB" => 58, "Alpha" => 50]; 36$image->drawGradientArea(0, 0, 700, 230, DIRECTION_VERTICAL, $settings); 37$image->drawGradientArea(0, 0, 700, 20, DIRECTION_VERTICAL, [ 38 "StartR" => 0, 39 "StartG" => 0, 40 "StartB" => 0, 41 "EndR" => 50, 42 "EndG" => 50, 43 "EndB" => 50, 44 "Alpha" => 100 45]); 46 47/* Draw the border */ 48$image->drawRectangle(0, 0, 699, 229, ["R" => 0, "G" => 0, "B" => 0]); 49 50/* Write the title */ 51$image->setFontProperties(["FontName" => "Silkscreen.ttf", "FontSize" => 6]); 52$image->drawText(10, 13, "pRadar - Draw radar charts", ["R" => 255, "G" => 255, 53 "B" => 255]); 54 55/* Define general drawing parameters */ 56$image->setFontProperties([ 57 "FontName" => "Forgotte.ttf", 58 "FontSize" => 10, 59 "R" => 80, 60 "G" => 80, 61 "B" => 80 62]); 63$image->setShadow(true, ["X" => 2, "Y" => 2, "R" => 0, "G" => 0, "B" => 0, "Alpha" => 10]); 64 65/* Create the radar object */ 66$radarChart = new Radar(); 67 68/* Draw the 1st radar chart */ 69$image->setGraphArea(10, 25, 340, 225); 70$Options = ["Layout" => RADAR_LAYOUT_STAR, "BackgroundGradient" => [ 71 "StartR" => 255, 72 "StartG" => 255, 73 "StartB" => 255, 74 "StartAlpha" => 100, 75 "EndR" => 207, 76 "EndG" => 227, 77 "EndB" => 125, 78 "EndAlpha" => 50 79]]; 80$radarChart->drawRadar($image, $data, $Options); 81 82/* Draw the 2nd radar chart */ 83$image->setGraphArea(350, 25, 690, 225); 84$Options = ["Layout" => RADAR_LAYOUT_CIRCLE, "LabelPos" => RADAR_LABELS_HORIZONTAL, "BackgroundGradient" => [ 85 "StartR" => 255, 86 "StartG" => 255, 87 "StartB" => 255, 88 "StartAlpha" => 50, 89 "EndR" => 32, 90 "EndG" => 109, 91 "EndB" => 174, 92 "EndAlpha" => 30 93]]; 94$radarChart->drawRadar($image, $data, $Options); 95 96/* Write down the legend */ 97/* Family property only required if series have defined shapes */ 98$image->setFontProperties(["FontName" => "pf_arma_five.ttf", "FontSize" => 6]); 99$image->drawLegend(270, 205, ["Style" => LEGEND_BOX, "Mode" => LEGEND_HORIZONTAL, "Family" => LEGEND_FAMILY_ASDEFINED]); 100 101/* Render the picture */ 102$image->render("drawRadar.png"); 103``` 104
