101 lines
2.3 KiB
PHP
Executable File
101 lines
2.3 KiB
PHP
Executable File
<html>
|
|
<body>
|
|
|
|
<?php
|
|
// The names of the graph scripts
|
|
$_graphfilename1 = 'csim_in_html_graph_ex1.php';
|
|
$_graphfilename2 = 'csim_in_html_graph_ex2.php';
|
|
|
|
// This is the filename of this HTML file
|
|
global $_wrapperfilename;
|
|
$_wrapperfilename = basename (__FILE__);
|
|
|
|
// Create a random mapname used to connect the image map with the image
|
|
$_mapname1 = '__mapname'.rand(0,1000000).'__';
|
|
$_mapname2 = '__mapname'.rand(0,1000000).'__';
|
|
|
|
// Get the graph scripts
|
|
require_once ($_graphfilename1);
|
|
require_once ($_graphfilename2);
|
|
|
|
// This line gets the image map and inserts it on the page
|
|
$imgmap1 = $graph->GetHTMLImageMap($_mapname1);
|
|
$imgmap2 = $piegraph->GetHTMLImageMap($_mapname2);
|
|
echo $imgmap1;
|
|
echo $imgmap2;
|
|
|
|
?>
|
|
|
|
<h2>This is an example page with CSIM graphs with arbitrary HTML text</h2>
|
|
|
|
<?php
|
|
if( empty($_GET['clickedon']) ) {
|
|
echo '<b style="color:darkred;">Clicked on bar: <none></b>';
|
|
}
|
|
else {
|
|
echo '<b style="color:darkred;">Clicked on bar: '.$_GET['clickedon'].'</b>';
|
|
}
|
|
echo '<p />';
|
|
if( empty($_GET['pie_clickedon']) ) {
|
|
echo '<b style="color:darkred;">Clicked on pie slice: <none></b>';
|
|
}
|
|
else {
|
|
echo '<b style="color:darkred;">Clicked on pie slice: '.$_GET['pie_clickedon'].'</b>';
|
|
}
|
|
echo '<p />';
|
|
?>
|
|
|
|
<p>First we need to get hold of the image maps and include them in the HTML
|
|
page.</p>
|
|
<p>For these graphs the maps are:</p>
|
|
<?php
|
|
// The we display the image map as well
|
|
echo '<small><pre>'.htmlentities($imgmap1).'</pre></small>';
|
|
?>
|
|
<p>
|
|
and
|
|
</p>
|
|
<?php
|
|
// The we display the image map as well
|
|
echo '<small><pre>'.htmlentities($imgmap2).'</pre></small>';
|
|
?>
|
|
|
|
<?php
|
|
// Construct the <img> tags for Figure 1 & 2 and rebuild the URL arguments
|
|
$imgtag1 = $graph->GetCSIMImgHTML($_mapname1,$_graphfilename1);
|
|
$imgtag2 = $piegraph->GetCSIMImgHTML($_mapname2,$_graphfilename2);
|
|
?>
|
|
<p>The graphs are then displayed as shown in figure 1 & 2. With the following
|
|
created <img> tags:</p>
|
|
<small><pre>
|
|
<?php
|
|
echo htmlentities($imgtag1);
|
|
echo htmlentities($imgtag2);
|
|
?>
|
|
</pre></small>
|
|
|
|
<p>
|
|
Note: For the Pie the center is counted as the first slice.
|
|
</p>
|
|
|
|
<p>
|
|
<table border=0>
|
|
<tr><td valign="bottom">
|
|
<?php
|
|
echo $imgtag1;
|
|
?>
|
|
<br><b>Figure 1. </b>The included Bar CSIM graph.
|
|
</p>
|
|
</td>
|
|
<td valign="bottom">
|
|
<?php
|
|
echo $imgtag2;
|
|
?>
|
|
<br><b>Figure 2. </b>The included Pie CSIM graph.
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</body>
|
|
</html>
|