radar.md

Drawing a radar chart

Reference

require '/path/to/your/vendor/autoload.php';

use CpChart\Chart\Radar;
use CpChart\Data;
use CpChart\Image;

/* Prepare some nice data & axis config */
$data = new Data();
$data->addPoints([40, 20, 15, 10, 8, 4], "ScoreA");
$data->addPoints([8, 10, 12, 20, 30, 15], "ScoreB");
$data->setSerieDescription("ScoreA", "Application A");
$data->setSerieDescription("ScoreB", "Application B");

/* Create the X serie */
$data->addPoints(["Size", "Speed", "Reliability", "Functionalities", "Ease of use", "Weight"], "Labels");
$data->setAbscissa("Labels");

/* Create the Image object */
$image = new Image(700, 230, $data);

/* Draw a solid background */
$settings = ["R" => 179, "G" => 217, "B" => 91, "Dash" => 1, "DashR" => 199, "DashG" => 237, "DashB" => 111];
$image->drawFilledRectangle(0, 0, 700, 230, $settings);

/* Overlay some gradient areas */
$settings = ["StartR" => 194, "StartG" => 231, "StartB" => 44, "EndR" => 43, "EndG" => 107, "EndB" => 58, "Alpha" => 50];
$image->drawGradientArea(0, 0, 700, 230, DIRECTION_VERTICAL, $settings);
$image->drawGradientArea(0, 0, 700, 20, DIRECTION_VERTICAL, [
    "StartR" => 0,
    "StartG" => 0,
    "StartB" => 0,
    "EndR" => 50,
    "EndG" => 50,
    "EndB" => 50,
    "Alpha" => 100
]);

/* Draw the border */
$image->drawRectangle(0, 0, 699, 229, ["R" => 0, "G" => 0, "B" => 0]);

/* Write the title */
$image->setFontProperties(["FontName" => "Silkscreen.ttf", "FontSize" => 6]);
$image->drawText(10, 13, "pRadar - Draw radar charts", ["R" => 255, "G" => 255,
    "B" => 255]);

/* Define general drawing parameters */
$image->setFontProperties([
    "FontName" => "Forgotte.ttf",
    "FontSize" => 10,
    "R" => 80,
    "G" => 80,
    "B" => 80
]);
$image->setShadow(true, ["X" => 2, "Y" => 2, "R" => 0, "G" => 0, "B" => 0, "Alpha" => 10]);

/* Create the radar object */
$radarChart = new Radar();

/* Draw the 1st radar chart */
$image->setGraphArea(10, 25, 340, 225);
$Options = ["Layout" => RADAR_LAYOUT_STAR, "BackgroundGradient" => [
    "StartR" => 255,
    "StartG" => 255,
    "StartB" => 255,
    "StartAlpha" => 100,
    "EndR" => 207,
    "EndG" => 227,
    "EndB" => 125,
    "EndAlpha" => 50
]];
$radarChart->drawRadar($image, $data, $Options);

/* Draw the 2nd radar chart */
$image->setGraphArea(350, 25, 690, 225);
$Options = ["Layout" => RADAR_LAYOUT_CIRCLE, "LabelPos" => RADAR_LABELS_HORIZONTAL, "BackgroundGradient" => [
    "StartR" => 255,
    "StartG" => 255,
    "StartB" => 255,
    "StartAlpha" => 50,
    "EndR" => 32,
    "EndG" => 109,
    "EndB" => 174,
    "EndAlpha" => 30
]];
$radarChart->drawRadar($image, $data, $Options);

/* Write down the legend */
$image->setFontProperties(["FontName" => "pf_arma_five.ttf", "FontSize" => 6]);
$image->drawLegend(270, 205, ["Style" => LEGEND_BOX, "Mode" => LEGEND_HORIZONTAL]);

/* Render the picture */
$image->render("drawRadar.png");