diff --git a/html/graph-realtime.php b/html/graph-realtime.php
index 5d5fc5d381..bccab65f47 100755
--- a/html/graph-realtime.php
+++ b/html/graph-realtime.php
@@ -77,30 +77,30 @@ $width=300;             //SVG internal width : do not modify
 
 /********* Graph DATA **************/
 print('<?xml version="1.0" encoding="iso-8859-1"?>' . "\n");?>
-<svg width="100%" height="100%" viewBox="0 0 <?=$width?> <?=$height?>" preserveAspectRatio="none" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" onload="init(evt)">
+<svg width="100%" height="100%" viewBox="0 0 <?php echo("$width $height") ?>" preserveAspectRatio="none" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" onload="init(evt)">
   <g id="graph">
     <rect id="bg" x1="0" y1="0" width="100%" height="100%" fill="white"/>
-    <line id="axis_x" x1="0" y1="0" x2="0" y2="100%" <?=$attribs['axis']?>/>
-    <line id="axis_y" x1="0" y1="100%" x2="100%" y2="100%" <?=$attribs['axis']?>/>
-    <path id="graph_out" d="M0 <?=$height?> L 0 <?=$height?>" <?=$attribs['graph_out']?>/>
-    <path id="graph_in"  d="M0 <?=$height?> L 0 <?=$height?>" <?=$attribs['graph_in']?>/>
+    <line id="axis_x" x1="0" y1="0" x2="0" y2="100%" <?php echo ($attribs['axis']) ?>/>
+    <line id="axis_y" x1="0" y1="100%" x2="100%" y2="100%" <?php echo($attribs['axis']) ?>/>
+    <path id="graph_out" d="M0 <?php echo($height) ?> L 0 <?php echo($height . '" ' . $attribs['graph_out']) ?>/>
+    <path id="graph_in"  d="M0 <?php echo($height) ?> L 0 <?php echo($height . '" ' . $attribs['graph_in']) ?>/>
     <path id="grid"  d="M0 <?=$height/4*1?> L <?=$width?> <?=$height/4*1?> M0 <?=$height/4*2?> L <?=$width?> <?=$height/4*2?> M0 <?=$height/4*3?> L <?=$width?> <?=$height/4*3?>" <?=$attribs['grid']?>/>
-    <text id="grid_txt1" x="<?=$width?>" y="<?=$height/4*1?>" <?=$attribs['grid_txt']?> text-anchor="end"> </text>
-    <text id="grid_txt2" x="<?=$width?>" y="<?=$height/4*2?>" <?=$attribs['grid_txt']?> text-anchor="end"> </text>
-    <text id="grid_txt3" x="<?=$width?>" y="<?=$height/4*3?>" <?=$attribs['grid_txt']?> text-anchor="end"> </text>
-    <text id="graph_in_lbl" x="5" y="8" <?=$attribs['in']?>>In</text>
-    <text id="graph_out_lbl" x="5" y="16" <?=$attribs['out']?>>Out</text>
-    <text id="graph_in_txt" x="20" y="8" <?=$attribs['in']?>> </text>
-    <text id="graph_out_txt" x="20" y="16" <?=$attribs['out']?>> </text>
-    <text id="ifname" x="<?=$width-2?>" y="8" <?=$attribs['graphname']?> text-anchor="end"><?=$ifname?></text>
-    <text id="hostname" x="<?=$width-2?>" y="14" <?=$attribs['hostname']?> text-anchor="end"><?=$hostname?></text>
-    <text id="switch_unit" x="<?=$width*0.55?>" y="5" <?=$attribs['switch_unit']?>>Switch to bytes/s</text>
-    <text id="switch_scale" x="<?=$width*0.55?>" y="11" <?=$attribs['switch_scale']?>>AutoScale (<?=$scale_type?>)</text>
-    <text id="datetime" x="<?=$width*0.33?>" y="5" <?=$attribs['legend']?>> </text>
-    <text id="graphlast" x="<?=$width*0.55?>" y="17" <?=$attribs['legend']?>>Graph shows last <?=$time_interval*$nb_plot?> seconds</text>
-    <polygon id="axis_arrow_x" <?=$attribs['axis']?> points="<?=($width) . "," . ($height)?> <?=($width-2) . "," . ($height-2)?> <?=($width-2) . "," . $height?>"/>
-    <text id="error" x="<?=$width*0.5?>" y="<?=$height*0.5?>"  visibility="hidden" <?=$attribs['error']?> text-anchor="middle"><?=$error_text?></text>
-    <text id="collect_initial" x="<?=$width*0.5?>" y="<?=$height*0.5?>"  visibility="hidden" <?=$attribs['collect_initial']?> text-anchor="middle">Collecting initial data, please wait...</text>
+    <text id="grid_txt1" x="<?php echo($width) ?>" y="<?php echo($height/4*1) ?>" <?php echo($attribs['grid_txt']) ?> text-anchor="end"> </text>
+    <text id="grid_txt2" x="<?php echo($width) ?>" y="<?php echo($height/4*2) ?>" <?php echo($attribs['grid_txt']) ?> text-anchor="end"> </text>
+    <text id="grid_txt3" x="<?php echo($width) ?>" y="<?php echo($height/4*3) ?>" <?php echo($attribs['grid_txt']) ?> text-anchor="end"> </text>
+    <text id="graph_in_lbl" x="5" y="8" <?php echo($attribs['in']) ?>>In</text>
+    <text id="graph_out_lbl" x="5" y="16" <?php echo($attribs['out']) ?>>Out</text>
+    <text id="graph_in_txt" x="20" y="8" <?php echo($attribs['in']) ?>> </text>
+    <text id="graph_out_txt" x="20" y="16" <?php echo($attribs['out']) ?>> </text>
+    <text id="ifname" x="<?php echo($width-2) ?>" y="8" <?php echo($attribs['graphname']) ?> text-anchor="end"><?php echo($ifname) ?></text>
+    <text id="hostname" x="<?php echo($width-2) ?>" y="14" <?php echo($attribs['hostname']) ?> text-anchor="end"><?php echo($hostname) ?></text>
+    <text id="switch_unit" x="<?php echo($width*0.55) ?>" y="5" <?php echo($attribs['switch_unit']) ?>>Switch to bytes/s</text>
+    <text id="switch_scale" x="<?php echo($width*0.55) ?>" y="11" <?php echo($attribs['switch_scale']) ?>>AutoScale (<?php echo($scale_type) ?>)</text>
+    <text id="datetime" x="<?php echo($width*0.33) ?>" y="5" <?php echo($attribs['legend']) ?>> </text>
+    <text id="graphlast" x="<?php echo($width*0.55) ?>" y="17" <?php echo($attribs['legend']) ?>>Graph shows last <?php echo($time_interval*$nb_plot) ?> seconds</text>
+    <polygon id="axis_arrow_x" <?php echo($attribs['axis']) ?> points="<?php echo($width . "," . $height) ?> <?php echo(($width-2) . "," . ($height-2)) ?> <?php echo(($width-2) . "," . $height) ?>"/>
+    <text id="error" x="<?php echo($width*0.5) ?>" y="<?php echo($height*0.5) ?>"  visibility="hidden" <?php echo($attribs['error']) ?> text-anchor="middle"><?php echo($error_text) ?></text>
+    <text id="collect_initial" x="<?php echo($width*0.5) ?>" y="<?php echo($height*0.5) ?>"  visibility="hidden" <?php echo($attribs['collect_initial']) ?> text-anchor="middle">Collecting initial data, please wait...</text>
   </g>
   <script type="text/ecmascript">
     <![CDATA[
@@ -157,10 +157,10 @@ var max = 0;
 var plot_in = new Array();
 var plot_out = new Array();
 
-var max_num_points = <?=$nb_plot?>;  // maximum number of plot data points
-var step = <?=$width?> / max_num_points ;
+var max_num_points = <?php echo($nb_plot) ?>;  // maximum number of plot data points
+var step = <?php echo($width) ?> / max_num_points ;
 var unit = 'bits';
-var scale_type = '<?=$scale_type?>';
+var scale_type = '<?php echo($scale_type) ?>';
 
 function init(evt) {
   SVGDoc = evt.target.ownerDocument;
@@ -183,7 +183,7 @@ function switch_scale(event)
 }
 
 function fetch_data() {
-  getURL('<?=$fetch_link?>', plot_data);
+  getURL('<?php echo($fetch_link) ?>', plot_data);
 }
 
 function plot_data(obj) {
@@ -221,7 +221,7 @@ function plot_data(obj) {
   		SVGDoc.getElementById("collect_initial").setAttributeNS(null, 'visibility', 'visible');
 		plot_in[0] = diff_ifin / diff_ugmt;
 		plot_out[0] = diff_ifout / diff_ugmt;
-		setTimeout('fetch_data()',<?=1000*$time_interval?>);
+		setTimeout('fetch_data()',<?php echo(1000*$time_interval) ?>);
 		return;
 	case 1:
     	SVGDoc.getElementById("collect_initial").setAttributeNS(null, 'visibility', 'hidden');
@@ -294,20 +294,20 @@ function plot_data(obj) {
     }
   }
 
-  scale = <?=$height?> / rmax;
+  scale = <?php echo($height) ?> / rmax;
 
   /* change labels accordingly */
   SVGDoc.getElementById('grid_txt1').firstChild.data = formatSpeed(3*rmax/4,unit);
   SVGDoc.getElementById('grid_txt2').firstChild.data = formatSpeed(2*rmax/4,unit);
   SVGDoc.getElementById('grid_txt3').firstChild.data = formatSpeed(rmax/4,unit);
 
-  var path_in = "M 0 " + (<?=$height?> - (plot_in[0] * scale));
-  var path_out = "M 0 " + (<?=$height?> - (plot_out[0] * scale));
+  var path_in = "M 0 " + (<?php echo($height) ?> - (plot_in[0] * scale));
+  var path_out = "M 0 " + (<?php echo($height) ?> - (plot_out[0] * scale));
   for (i = 1; i < plot_in.length; i++)
   {
     var x = step * i;
-    var y_in = <?=$height?> - (plot_in[i] * scale);
-    var y_out = <?=$height?> - (plot_out[i] * scale);
+    var y_in = <?php echo($height) ?> - (plot_in[i] * scale);
+    var y_out = <?php echo($height) ?> - (plot_out[i] * scale);
     path_in += " L" + x + " " + y_in;
     path_out += " L" + x + " " + y_out;
   }
@@ -316,12 +316,12 @@ function plot_data(obj) {
   SVGDoc.getElementById('graph_in').setAttributeNS(null, 'd', path_in);
   SVGDoc.getElementById('graph_out').setAttributeNS(null, 'd', path_out);
 
-  setTimeout('fetch_data()',<?=1000*$time_interval?>);
+  setTimeout('fetch_data()',<?php echo(1000*$time_interval) ?>);
 }
 
 function handle_error() {
   SVGDoc.getElementById("error").setAttributeNS(null, 'visibility', 'visible');
-  setTimeout('fetch_data()',<?=1000*$time_interval?>);
+  setTimeout('fetch_data()',<?php echo(1000*$time_interval) ?>);
 }
 
 function isNumber(a) {