<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
</head>
<body bgcolor="#FFFFFF" text="#000000">
Hi!<br>
<br>
Just tried to use SVG graphs with rrdtool for the first time and it
"somewhat" worked.<br>
<br>
The problem is that the text itself does not get shown (or at least
only a tiny bit at the bottom of letters like "g", "p" or "[", "/",
"]" shows)<br>
<img src="cid:part1.07020103.09010500@martin.sperl.org" alt=""><br>
(screenshot of the graph in firefox)<br>
<br>
The only thing that is surprisingly readable is the "RRDTOOL/TOBI
OETIKER" to the top right<br>
<br>
The corresponding PNG graph with the same arguments works fine.<br>
<br>
The one thing that I found is that it is not using
<text>...</text> constructs but seems to process each of
the letters separately - and that from a predefined symbol:<br>
<pre id="line1"><span>...
<<span class="start-tag">symbol</span> <span class="attribute-name">id</span>="<a class="attribute-value">glyph4-14</a>"></span><span>
<span id="line207"></span></span><span><<span class="start-tag">path</span> <span class="attribute-name">style</span>="<a class="attribute-value">stroke: none;</a>" <span class="attribute-name">d</span>="<a class="attribute-value">M 3.921875 -7.53125 L 3.921875 -6 L 6 -6 L 6 -5.1875 L 3.921875 -5.1875 L 3.921875 -1.953125 C 3.921875 -1.515625 4 -1.208328 4.15625 -1.03125 C 4.3125 -0.854156 4.583328 -0.765625 4.96875 -0.765625 L 6 -0.765625 L 6 0 L 4.84375 0 C 4.125 0 3.619781 -0.140625 3.328125 -0.421875 C 3.036453 -0.713531 2.890625 -1.223953 2.890625 -1.953125 L 2.890625 -5.1875 L 1 -5.1875 L 1 -6 L 2.890625 -6 L 2.890625 -7.53125 L 3.921875 -7.53125 Z M 3.921875 -7.53125 </a>"<span>/</span>></span><span>
<span id="line208"></span></span><span></<span class="end-tag">symbol</span>></span><span></span>
...<span>
<<span class="start-tag">g</span> <span class="attribute-name">style</span>="<a class="attribute-value">fill: rgb(0%,0%,0%); opacity: 1;</a>"></span><span>
<span id="line908"></span> </span><span><<span class="start-tag">use</span> <span class="attribute-name">xlink:href</span>="<a href="view-source:https://monitor.qpass.com/xymon-cgi/graphable.sh/webstats.amx.qpass.net/vhostpv-webstats/pageview/*-cw%5C.qpass%5C.com/total-hps=SUM%7Conportal.rrd@webstats.amx.qpass.net/vhostpv-webstats/pageview/external*/total-hps=SUM%7Coffportal.rrd.svg?end=now&title=onportal%2Foffportal+pageview+TPS&hide_onportal=0&color_total=000000&label_offportal=offportal&stack_total=0&start=-1day&min=0&hide_offportal=0&xcdef=total%3Donportal%7Coffportal%7C%2B&label_onportal=onportal&stack=1#glyph4-14" class="attribute-value">#glyph4-14</a>" <span class="attribute-name">x</span>="<a class="attribute-value">-1</a>" <span class="attribute-name">y</span>="<a class="attribute-value">303</a>"<span>/</span>></span><span>
</span><span> </span><span><<span class="start-tag">use</span> <span class="attribute-name">xlink:href</span>="<a href="view-source:https://monitor.qpass.com/xymon-cgi/graphable.sh/webstats.amx.qpass.net/vhostpv-webstats/pageview/*-cw%5C.qpass%5C.com/total-hps=SUM%7Conportal.rrd@webstats.amx.qpass.net/vhostpv-webstats/pageview/external*/total-hps=SUM%7Coffportal.rrd.svg?end=now&title=onportal%2Foffportal+pageview+TPS&hide_onportal=0&color_total=000000&label_offportal=offportal&stack_total=0&start=-1day&min=0&hide_offportal=0&xcdef=total%3Donportal%7Coffportal%7C%2B&label_onportal=onportal&stack=1#glyph4-3" class="attribute-value">#glyph4-3</a>" <span class="attribute-name">x</span>="<a class="attribute-value">6</a>" <span class="attribute-name">y</span>="<a class="attribute-value">303</a>"<span>/</span>></span><span></span>
...
<span>
</span></pre>
To me it looks as if there is a bounding box problem (moving the
letters around in firefox+firebug shows that it has to be something
with those "paths"...)<br>
<br>
Any Idea how i can fix that? (preferably without having to go thru
the time-consuming hassle of upgrading all the OS provided libraries
manually...)<br>
<br>
Thanks,<br>
Martin<br>
<br>
P.s: adding the option --font "TITLE:120:Courier" increases the size
title of the graph and it is a bit "easier" to identify the letters
like p and g from the "lower" parts (whatever they are called
typographically).
</body>
</html>