Illustrating image maps in pChart 1.27b using the overlib library
On the fly generated chart :



You can download the whole script here.

index.php source code :

<SCRIPT TYPE="text/javascript" SRC="overlib.js"></SCRIPT>
<SCRIPT TYPE="text/javascript" SRC="pMap.js"></SCRIPT>
<DIV ID="overDiv" STYLE="position:absolute; visibility:hidden; z-index:1000;"></DIV>

<?php $PictureID = "Map_".rand(1,1000).".map"; ?>

<IMG ID=pChartPicture1 SRC='Example23.php?MapID=<?php echo $PictureID;?>' WIDTH=700 HEIGHT=230 BORDER=0 OnMouseMove='getMousePosition(event);' OnMouseOut='nd();'>

<SCRIPT>
  LoadImageMap("pChartPicture1","Example23.php?Action=GetImageMap&MapID=<?php echo $PictureID; ?>");
</SCRIPT>

Example23.php source code : 
 <?php
  if ( isset($_GET["Action"]) ) { $Action = $_GET["Action"]; } else { $Action = "Draw"; }
  if ( isset($_GET["MapID"]) )  { $MapID  = $_GET["MapID"]; }

  // Standard inclusions   
  include("pChart/pData.class");
  include("pChart/pChart.class");

  if ( $Action == "GetImageMap" )
   {
    $Test = new pChart(700,230);
    $Test->getImageMap($MapID);
   }

  // Dataset definition 
  $DataSet = new pData;
  $DataSet->AddPoint(array(9,9,9,10,10,11,12,14,16,17,18,18,19,19,18,15,12,10,9),"Serie1");
  $DataSet->AddPoint(array(10,11,11,12,12,13,14,15,17,19,22,24,23,23,22,20,18,16,14),"Serie2");
  $DataSet->AddPoint(array(4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22),"Serie3");
  $DataSet->AddAllSeries();
  $DataSet->RemoveSerie("Serie3");
  $DataSet->SetAbsciseLabelSerie("Serie3");
  $DataSet->SetSerieName("January","Serie1");
  $DataSet->SetSerieName("February","Serie2");
  $DataSet->SetYAxisName("Temperature");
  $DataSet->SetYAxisUnit("°C");
  $DataSet->SetXAxisUnit("h");

  // Initialise the graph
  $Test = new pChart(700,230);
  $Test->setImageMap(TRUE,$MapID);
  $Test->drawGraphAreaGradient(132,153,172,50,TARGET_BACKGROUND);
  $Test->setFontProperties("Fonts/tahoma.ttf",8);
  $Test->setGraphArea(120,20,675,190);
  $Test->drawGraphArea(213,217,221,FALSE);
  $Test->drawScale($DataSet->GetData(),$DataSet->GetDataDescription(),SCALE_ADDALL,213,217,221,TRUE,0,2,TRUE);
  $Test->drawGraphAreaGradient(162,183,202,50);
  $Test->drawGrid(4,TRUE,230,230,230,20);

  // Draw the bar chart
  $Test->drawStackedBarGraph($DataSet->GetData(),$DataSet->GetDataDescription(),70);

  // Draw the title
  $Title = "  Average Temperatures during\r\n  the first months of 2008  ";
  $Test->drawTextBox(0,0,50,230,$Title,90,255,255,255,ALIGN_BOTTOM_CENTER,TRUE,0,0,0,30);

  // Draw the legend
  $Test->setFontProperties("Fonts/tahoma.ttf",8);
  $Test->drawLegend(610,10,$DataSet->GetDataDescription(),236,238,240,52,58,82);

  // Render the picture
  $Test->Stroke();
 ?>