<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body text="#000000" bgcolor="#FFFFFF">
Here's how to round the corners of your graphs to make them look a
little more modern. You can edit the radius value to your liking.<br>
<br>
Add the following to your /xymon/server/www/menu/<u>xymonmenu-blue.css</u>
<br>
<br>
<b>img[alt*="xymongraph"] { </b><b><br>
</b><b> border-radius: 20px; </b><b><br>
</b><b>}</b> <br>
<br>
<br>
<pre class="moz-signature" cols="72">Kris Springer
</pre>
<div class="moz-cite-prefix">On 11/28/18 11:05 AM, Ralph Mitchell
wrote:<br>
</div>
<blockquote type="cite"
cite="mid:CAAEjoCXuk45RwKVoBAgsiLrQ6PTnG7Koiu9W_bfgWxqWgqpU4A@mail.gmail.com">
<div dir="ltr">
<div dir="ltr">
<div dir="ltr">
<div>Individual line colors are listed in
xymon/server/etc/graphs.cfg. E.g. the clock graph line is
00CC00 (mostly green):</div>
<div><br>
</div>
<div>[clock]<br>
TITLE Clock offset<br>
YAXIS Seconds<br>
DEF:offset=clock.rrd:la:AVERAGE<br>
LINE2:offset#00CC00:Seconds</div>
<div> ^^^<br>
</div>
<div><br>
</div>
<div>The default colors for the @RRDIDX@ multi line graphs
are set in xymon-4.3.28/web/showgraph.c:</div>
<div><br>
</div>
<div> char *colorlist[] = {<br>
"0000FF", "FF0000", "00CC00", "FF00FF",<br>
"555555", "880000", "000088", "008800",<br>
"008888", "888888", "880088", "FFFF00",<br>
"888800", "00FFFF", "00FF00", "AA8800",<br>
"AAAAAA", "DD8833", "DDCC33", "8888FF",<br>
"5555AA", "B428D3", "FF5555", "DDDDDD",<br>
"AAFFAA", "AAFFFF", "FFAAFF", "FFAA55",<br>
"55AAFF", "AA55FF",<br>
NULL<br>
};<br>
</div>
<div><br>
</div>
<div>You'd need to recompile showgraph.cgi to change those.
I don't know if there's any place to change those without
a recompile.</div>
<div><br>
</div>
<div>Ralph Mitchell</div>
<div><br>
</div>
<div><br>
</div>
</div>
</div>
</div>
<br>
<div class="gmail_quote">
<div dir="ltr">On Wed, Nov 28, 2018 at 12:15 PM Kris Springer
<<a href="mailto:kspringer@innovateteam.com"
moz-do-not-send="true">kspringer@innovateteam.com</a>>
wrote:<br>
</div>
<blockquote class="gmail_quote">
<div> Just to close the loop on this conversation, here's what
I added to my xymonserver.cfg file to get my graphs the way
I wanted. As previously stated the opts are all on one long
line.<br>
<br>
# graph theme<br>
# values can be found at <a
class="m_-5275952588408319026moz-txt-link-freetext"
href="https://oss.oetiker.ch/rrdtool/doc/rrdgraph.en.html"
target="_blank" moz-do-not-send="true">https://oss.oetiker.ch/rrdtool/doc/rrdgraph.en.html</a><br>
RRDGRAPHOPTS="-E -R light --border 0 --dynamic-labels -a PNG
--grid-dash 1:0 -n LEGEND:8:Roboto -n TITLE:9:Roboto -n
AXIS:7:Roboto -n UNIT:7:Roboto -n WATERMARK:.1:Roboto -c
BACK#262626 -c CANVAS#000000 -c SHADEA#000000 -c
SHADEB#000000 -c GRID#00000000 -c MGRID#DDDDDD11 -c
FONT#DDDDDD -c AXIS#262626 -c FRAME#000000 -c ARROW#262626"<br>
<br>
I'd still like rounded corners and I haven't figured out how
to change the graph line colors, but that's not a big deal
for me at this moment.<br>
<br>
<pre class="m_-5275952588408319026moz-signature" cols="72">Kris Springer
</pre>
<div class="m_-5275952588408319026moz-cite-prefix">On
11/27/18 6:21 PM, Ralph Mitchell wrote:<br>
</div>
<blockquote type="cite">
<div dir="ltr">
<div dir="ltr">
<div dir="ltr">
<div dir="ltr">
<div>
<div>There may be a better place to put this,
but it works for me. In:</div>
<div><br>
</div>
<div> /home/xymon/server/etc/xymonserver.cfg</div>
</div>
<div><br>
</div>
<div>add this as one long line:</div>
<div><br>
</div>
<div>RRDGRAPHOPTS="-c BACK#363636 -c CANVAS#000000
-c SHADEA#CFCFCF -c SHADEB#CFCFCF -c GRID#222222
-c MGRID#441E1E -c FONT#FFFFFF -c AXIS#696969 -c
FRAME#000000 -c ARROW#FA0016"</div>
<div><br>
</div>
<div>Take them out of the graphs.cfg file. I
don't know if it's strictly necessary to restart
Xymon, but I did, and all the graphs now come up
with those colors. Not sure how to make it work
with individual graphs.</div>
<div><br>
</div>
<div>Ralph Mitchell</div>
<div><br>
</div>
<div><br>
</div>
</div>
</div>
</div>
</div>
<br>
<div class="gmail_quote">
<div dir="ltr">On Tue, Nov 27, 2018 at 7:33 PM Kris
Springer <<a
href="mailto:kspringer@innovateteam.com"
target="_blank" moz-do-not-send="true">kspringer@innovateteam.com</a>>
wrote:<br>
</div>
<blockquote class="gmail_quote">
<div> I tried adding the color lines into my
graphs.cfg file as specified in this how-to<br>
<a
class="m_-5275952588408319026m_5217871395710665913moz-txt-link-freetext"
href="https://oss.oetiker.ch/rrdtool/doc/rrdgraph.en.html"
target="_blank" moz-do-not-send="true">https://oss.oetiker.ch/rrdtool/doc/rrdgraph.en.html</a><br>
<br>
I edited one section to see what would happen. It
threw an error that said <u><b><span>invalid color
def format</span></b></u><br>
<br>
Here's the section of my graphs.cfg that I edited.
Anyone know what the correct formatting is so I can
stylize my graphs?<br>
<br>
[memory]<br>
FNPATTERN ^memory.(.+).rrd<br>
TITLE Memory Utilization<br>
YAXIS % Used<br>
DEF:p@RRDIDX@=@RRDFN@:realmempct:AVERAGE<br>
LINE2:p@RRDIDX@#@COLOR@:@RRDPARAM@<br>
-u 100<br>
-b 1024<br>
<b>-c BACK#363636</b><b><br>
</b><b> -c CANVAS#000000</b><b><br>
</b><b> -c SHADEA#CFCFCF</b><b><br>
</b><b> -c SHADEB#CFCFCF</b><b><br>
</b><b> -c GRID#222222</b><b><br>
</b><b> -c MGRID#441E1E</b><b><br>
</b><b> -c FONT#FFFFFF</b><b><br>
</b><b> -c AXIS#696969</b><b><br>
</b><b> -c FRAME#000000</b><b><br>
</b><b> -c ARROW#FA0016</b><br>
GPRINT:p@RRDIDX@:LAST: \: %5.1lf (cur)<br>
GPRINT:p@RRDIDX@:MAX: \: %5.1lf (max)<br>
GPRINT:p@RRDIDX@:MIN: \: %5.1lf (min)<br>
GPRINT:p@RRDIDX@:AVERAGE: \: %5.1lf (avg)\n<br>
<br>
<br>
<pre class="m_-5275952588408319026m_5217871395710665913moz-signature" cols="72">Kris Springer
</pre>
<div
class="m_-5275952588408319026m_5217871395710665913moz-cite-prefix">On
11/27/18 2:02 PM, Jean-Pierre Pitout [ MTN South
Africa ] wrote:<br>
</div>
<blockquote type="cite">
<p>Something similar to Grafana would be awesome!
It provides a very rich set of graphing
options. (see image below) No idea if RRDs can
be used though.</p>
<p> Reference - <a
href="http://docs.grafana.org/features/panels/graph/"
target="_blank" moz-do-not-send="true">http://docs.grafana.org/features/panels/graph/</a><br>
</p>
<p><br>
</p>
<p><img
class="m_-5275952588408319026m_5217871395710665913no-shadow"
moz-do-not-send="true"><br>
</p>
<p><br>
</p>
<div
id="m_-5275952588408319026m_5217871395710665913Signature">
<div name="divtagdefaultwrapper"> <span></span><i><span></span></i>
<blockquote><i><span>
________________________________________________<br>
<br>
Jean-Pierre Pitout [ MTN South
Africa ]<br>
Senior Linux Engineer (RHCA)<br>
IS Client Server Line-Of-Business
Linux<br>
<a
class="m_-5275952588408319026m_5217871395710665913moz-txt-link-abbreviated"
href="mailto:ISClientServerLine-of-Business_Linux.ZA@mtn.com"
target="_blank" moz-do-not-send="true">ISClientServerLine-of-Business_Linux.ZA@mtn.com</a><br>
<br>
<br>
</span></i></blockquote>
</div>
</div>
<div>
<hr>
<div
id="m_-5275952588408319026m_5217871395710665913divRplyFwdMsg"
dir="ltr"><b>From:</b> Xymon <a
class="m_-5275952588408319026m_5217871395710665913moz-txt-link-rfc2396E"
href="mailto:xymon-bounces@xymon.com"
target="_blank" moz-do-not-send="true"><xymon-bounces@xymon.com></a>
on behalf of Kris Springer <a
class="m_-5275952588408319026m_5217871395710665913moz-txt-link-rfc2396E"
href="mailto:kspringer@innovateteam.com"
target="_blank" moz-do-not-send="true"><kspringer@innovateteam.com></a><br>
<b>Sent:</b> 27 November 2018 19:24<br>
<b>To:</b> Xymon MailingList<br>
<b>Subject:</b> [Xymon] graph themes
<div> </div>
</div>
<div>Can anyone advise on how to theme the
graphs a bit? After 20 years of the light
gray rectangles I'd like them to look a little
more modern.<br>
<pre class="m_-5275952588408319026m_5217871395710665913moz-signature" cols="72">--
Kris Springer
</pre>
</div>
</div>
<br>
<p class="MsoNormal"><b><span lang="EN-ZA">"This
email is confidential. If you have received
it in error, you are on notice of its
status. Please notify us immediately by
reply email and then delete this message
from your system. Please do not copy it or
use it for any purpose, or disclose its
contents to any other person as to do so
could be a breach of confidentiality. Thank
you for your co-operation. "</span></b><span></span></p>
<br>
“The information contained in this message is
intended solely for the individual to whom it is
specifically and originally addressed. This
message and its contents may contain confidential
or privileged information from MTN Group. If you
are not the intended recipient, you are hereby
notified that any disclosure or distribution, is
strictly prohibited. If you receive this email in
error, please notify MTN Group immediately and
delete it. MTN Group does not accept any liability
or responsibility if action is taken in reliance
on the contents of this information . Note that
all personal emails are not authorized by MTN
Group. ” </blockquote>
<br>
</div>
_______________________________________________<br>
Xymon mailing list<br>
<a href="mailto:Xymon@xymon.com" target="_blank"
moz-do-not-send="true">Xymon@xymon.com</a><br>
<a
href="http://lists.xymon.com/mailman/listinfo/xymon"
rel="noreferrer" target="_blank"
moz-do-not-send="true">http://lists.xymon.com/mailman/listinfo/xymon</a><br>
</blockquote>
</div>
</blockquote>
<br>
</div>
</blockquote>
</div>
</blockquote>
<br>
</body>
</html>