2
0
mirror of https://github.com/fhem/fhem-mirror.git synced 2025-01-31 06:39:11 +00:00

98_SVG.pm: fix style problems for plotEmbed=0 (Forum #32530)

git-svn-id: https://svn.fhem.de/fhem/trunk@7666 2b470e98-0d58-463d-a4d8-8e2adae1ed80
This commit is contained in:
rudolfkoenig 2015-01-23 09:17:21 +00:00
parent 19a65d6596
commit 0a24f2bf34
6 changed files with 226 additions and 136 deletions

View File

@ -1145,7 +1145,8 @@ SVG_digestConf($$)
for my $i (0..int(@lType)-1) { # lAxis is optional
$lAxis[$i] = "x1y2" if(!$lAxis[$i]);
$lStyle[$i] = "class=\"". (defined($lStyle[$i]) ? $lStyle[$i] : "l$i")."\"";
$lStyle[$i] = "class=\"SVGplot ".
(defined($lStyle[$i]) ? $lStyle[$i] : "l$i")."\"";
$lWidth[$i] = (defined($lWidth[$i]) ?
"style=\"stroke-width:$lWidth[$i]\"" :"");
}
@ -1622,7 +1623,7 @@ SVG_render($$$$$$$$$;$$)
$off4 = $off3+5;
$align = " text-anchor=\"end\"";
$display = " display=\"none\" id=\"hline_$idx\"";
$cll = " class=\"l$idx\"";
$cll = " class=\"SVGplot l$idx\"";
}
};
@ -1816,7 +1817,7 @@ SVG_render($$$$$$$$$;$$)
} elsif( $dyp->[$i] =~ m/^;ls (\w+)?/ ) {# line style
if( $1 ) {
$lStyle = "class='$1'";
$lStyle = "class='SVGplot $1'";
} else {
$lStyle = $conf{lStyle}[$idx];
}

View File

@ -1,4 +1,4 @@
# Created by FHEM/98_SVG.pm, 2013-08-22 23:22:34
# Created by FHEM/98_SVG.pm, 2015-01-23 07:33:37
set terminal png transparent size <SIZE> crop
set output '<OUT>.png'
set xdata time
@ -11,10 +11,10 @@ set grid
set ylabel "Rain (mm)"
set y2label "Temperature"
#FileLog 4:Garden.T\x3a:15:
#FileLog 10:Garden.T\x3a:0:delta-h
#FileLog 10:Garden.T\x3a:0:delta-d
#Log.Garden 4:Garden.T\x3a:15:
#Log.Garden 10:Garden.T\x3a:0:delta-h
#Log.Garden 10:Garden.T\x3a:0:delta-d
plot "<IN>" using 1:2 axes x1y2 title 'Temperature' ls l0 lw 1 with histeps,\
plot "<IN>" using 1:2 axes x1y2 title 'Temperature' ls l0 lw 1 with lines,\
"<IN>" using 1:2 axes x1y1 title 'Rain/hour' ls l1fill lw 1 with histeps,\
"<IN>" using 1:2 axes x1y1 title 'Rain/day' ls l2 lw 1 with histeps

View File

@ -1,32 +1,59 @@
/* Author: Volker */
text { font-family:Arial, Helvetica, sans-serif; font-size:12px; fill:#CCCCCC;}
text.title {font-family:Arial, Helvetica, sans-serif; font-size:16px; fill:#CCCCCC;}
text.legend{ cursor:pointer; }
text.copy { text-decoration:underline; stroke:none; fill:blue; cursor:pointer;}
text.paste { text-decoration:underline; stroke:none; fill:blue; cursor:pointer;}
path { stroke:black; fill:none; }
polyline { stroke:black; fill:none; }
.border { stroke:black; fill:url(#gr_bg);}
.vgrid { stroke:gray; stroke-dasharray:2,6;}
.hgrid { stroke:gray; stroke-dasharray:2,6;}
.pasted { stroke:black; stroke-dasharray:1,1;}
.l0 { stroke:red; } text.l0 { stroke:none; fill:red; }
.l1 { stroke:green; } text.l1 { stroke:none; fill:green; }
.l2 { stroke:blue; } text.l2 { stroke:none; fill:blue; }
.l3 { stroke:magenta; } text.l3 { stroke:none; fill:magenta; }
.l4 { stroke:brown; } text.l4 { stroke:none; fill:brown; }
.l5 { stroke:black; } text.l5 { stroke:none; fill:black; }
.l6 { stroke:olive; } text.l6 { stroke:none; fill:olive; }
.l7 { stroke:gray; } text.l7 { stroke:none; fill:gray; }
.l8 { stroke:yellow; } text.l8 { stroke:none; fill:yellow; }
.l0fill{ stroke:#f00; fill:url(#gr_0); } text.l0fill{ stroke:none; fill:#f00; }
.l1fill{ stroke:#291; fill:url(#gr_1); } text.l1fill{ stroke:none; fill:#291; }
.l2fill{ stroke:#00f; fill:url(#gr_2); } text.l2fill{ stroke:none; fill:#00f; }
.l3fill{ stroke:#f0f; fill:url(#gr_3); } text.l3fill{ stroke:none; fill:#f0f; }
.l4fill{ stroke:#ff0; fill:url(#gr_4); } text.l4fill{ stroke:none; fill:#ff0; }
.l5fill{ stroke:#0ff; fill:url(#gr_5); } text.l5fill{ stroke:none; fill:#0ff; }
.l6fill{ stroke:#000; fill:url(#gr_6); } text.l6fill{ stroke:none; fill:#000; }
/* Author: Volker */
text { font-family:Arial, Helvetica, sans-serif; font-size:12px; fill:#CCCCCC;}
text.title {font-family:Arial, Helvetica, sans-serif; font-size:16px; fill:#CCCCCC;}
text.legend{ cursor:pointer; }
text.copy { text-decoration:underline; stroke:none; fill:blue; cursor:pointer;}
text.paste { text-decoration:underline; stroke:none; fill:blue; cursor:pointer;}
path.SVGplot { stroke:black; fill:none; }
polyline.SVGplot { stroke:black; fill:none; }
.border { stroke:black; fill:url(#gr_bg);}
.vgrid { stroke:gray; stroke-dasharray:2,6;}
.hgrid { stroke:gray; stroke-dasharray:2,6;}
.pasted { stroke:black; stroke-dasharray:1,1;}
.SVGplot.l0 { stroke:red; }
.SVGplot.l1 { stroke:green; }
.SVGplot.l2 { stroke:blue; }
.SVGplot.l3 { stroke:magenta; }
.SVGplot.l4 { stroke:brown; }
.SVGplot.l5 { stroke:black; }
.SVGplot.l6 { stroke:olive; }
.SVGplot.l7 { stroke:gray; }
.SVGplot.l8 { stroke:yellow; }
.SVGplot.l0fill { stroke:#f00; fill:url(#gr_0); }
.SVGplot.l1fill { stroke:#291; fill:url(#gr_1); }
.SVGplot.l2fill { stroke:#00f; fill:url(#gr_2); }
.SVGplot.l3fill { stroke:#f0f; fill:url(#gr_3); }
.SVGplot.l4fill { stroke:#ff0; fill:url(#gr_4); }
.SVGplot.l5fill { stroke:#0ff; fill:url(#gr_5); }
.SVGplot.l6fill { stroke:#000; fill:url(#gr_6); }
.SVGplot.l0dot { stroke:red; stroke-dasharray:2,4; }
.SVGplot.l1dot { stroke:green; stroke-dasharray:2,4; }
.SVGplot.l0fill_stripe { stroke:red; fill:url(#gr0_stripe);}
.SVGplot.l1fill_stripe { stroke:green; fill:url(#gr1_stripe);}
.SVGplot.l0fill_gyr { stroke:red; fill:url(#gr0_gyr);}
text.SVGplot.l0 { stroke:none; fill:red; }
text.SVGplot.l0 { stroke:none; fill:red; }
text.SVGplot.l1 { stroke:none; fill:green; }
text.SVGplot.l2 { stroke:none; fill:blue; }
text.SVGplot.l3 { stroke:none; fill:magenta; }
text.SVGplot.l4 { stroke:none; fill:brown; }
text.SVGplot.l5 { stroke:none; fill:black; }
text.SVGplot.l6 { stroke:none; fill:olive; }
text.SVGplot.l7 { stroke:none; fill:gray; }
text.SVGplot.l8 { stroke:none; fill:yellow; }
text.SVGplot.l0fill { stroke:none; fill:#f00; }
text.SVGplot.l1fill { stroke:none; fill:#291; }
text.SVGplot.l2fill { stroke:none; fill:#00f; }
text.SVGplot.l3fill { stroke:none; fill:#f0f; }
text.SVGplot.l4fill { stroke:none; fill:#ff0; }
text.SVGplot.l5fill { stroke:none; fill:#0ff; }
text.SVGplot.l6fill { stroke:none; fill:#000; }
text.SVGplot.l0dot { stroke:none; fill:red; }
text.SVGplot.l1dot { stroke:none; fill:green; }
text.SVGplot.l0fill_stripe {stroke:none; fill:red; }
text.SVGplot.l1fill_stripe {stroke:none; fill:green;}
text.SVGplot.l0fill_gyr {stroke:none; fill:red; }

View File

@ -1,52 +1,70 @@
/* iOS 6 Theme for FHEM */
/* by Sandra Ohmayer */
/* http://www.animeschatten.net */
.background { fill:#f7f7f7;
}
text {
font: normal 10px Helvetica, Sans-serif;
fill:#000000;}
text.title {
font: normal 14px Helvetica, Sans-serif;
font-weight:bold;
fill:#4c566c;
text-shadow: 0px 1px #FFFFFF;
}
text.legend{ cursor:pointer; }
text.copy { text-decoration:underline; stroke:none; fill:blue; cursor:pointer;}
text.paste { text-decoration:underline; stroke:none; fill:blue; cursor:pointer;}
path { stroke:black; fill:none; }
polyline { stroke:black; fill:none; }
.border { stroke:black; fill:url(#gr_bg);}
.vgrid { stroke:gray; stroke-dasharray:2,6;}
.hgrid { stroke:gray; stroke-dasharray:2,6;}
.pasted { stroke:black; stroke-dasharray:1,1;}
.l0 { stroke:red; } text.l0 { stroke:none; fill:red; }
.l1 { stroke:green; } text.l1 { stroke:none; fill:green; }
.l2 { stroke:blue; } text.l2 { stroke:none; fill:blue; }
.l3 { stroke:magenta; } text.l3 { stroke:none; fill:magenta; }
.l4 { stroke:brown; } text.l4 { stroke:none; fill:brown; }
.l5 { stroke:black; } text.l5 { stroke:none; fill:black; }
.l6 { stroke:olive; } text.l6 { stroke:none; fill:olive; }
.l7 { stroke:gray; } text.l7 { stroke:none; fill:gray; }
.l8 { stroke:yellow; } text.l8 { stroke:none; fill:yellow; }
.l0fill{ stroke:#f00; fill:url(#gr_0); } text.l0fill{ stroke:none; fill:#f00; }
.l1fill{ stroke:#291; fill:url(#gr_1); } text.l1fill{ stroke:none; fill:#291; }
.l2fill{ stroke:#00f; fill:url(#gr_2); } text.l2fill{ stroke:none; fill:#00f; }
.l3fill{ stroke:#f0f; fill:url(#gr_3); } text.l3fill{ stroke:none; fill:#f0f; }
.l4fill{ stroke:#ff0; fill:url(#gr_4); } text.l4fill{ stroke:none; fill:#ff0; }
.l5fill{ stroke:#0ff; fill:url(#gr_5); } text.l5fill{ stroke:none; fill:#0ff; }
.l6fill{ stroke:#000; fill:url(#gr_6); } text.l6fill{ stroke:none; fill:#000; }
.l0dot { stroke:red; stroke-dasharray:2,4; } text.ldot { stroke:none; fill:red; }
.l1dot { stroke:green; stroke-dasharray:2,4; } text.ldot { stroke:none; fill:green; }
.l0fill_stripe {stroke:red; fill:url(#gr0_stripe);} text.l0fill_stripe {stroke:none; fill:red;}
.l1fill_stripe {stroke:green; fill:url(#gr1_stripe);} text.l1fill_stripe {stroke:none; fill:green;}
.l0fill_gyr {stroke:red; fill:url(#gr0_gyr);} text.l0fill_gyr {stroke:none; fill:red;}
/* iOS 6 Theme for FHEM */
/* by Sandra Ohmayer */
/* http://www.animeschatten.net */
.background { fill:#f7f7f7;
}
text {
font: normal 10px Helvetica, Sans-serif;
fill:#000000;}
text.title {
font: normal 14px Helvetica, Sans-serif;
font-weight:bold;
fill:#4c566c;
text-shadow: 0px 1px #FFFFFF;
}
text.legend{ cursor:pointer; }
text.copy { text-decoration:underline; stroke:none; fill:blue; cursor:pointer;}
text.paste { text-decoration:underline; stroke:none; fill:blue; cursor:pointer;}
path.SVGplot { stroke:black; fill:none; }
polyline.SVGplot { stroke:black; fill:none; }
.border { stroke:black; fill:url(#gr_bg);}
.vgrid { stroke:gray; stroke-dasharray:2,6;}
.hgrid { stroke:gray; stroke-dasharray:2,6;}
.pasted { stroke:black; stroke-dasharray:1,1;}
.SVGplot.l0 { stroke:red; }
.SVGplot.l1 { stroke:green; }
.SVGplot.l2 { stroke:blue; }
.SVGplot.l3 { stroke:magenta; }
.SVGplot.l4 { stroke:brown; }
.SVGplot.l5 { stroke:black; }
.SVGplot.l6 { stroke:olive; }
.SVGplot.l7 { stroke:gray; }
.SVGplot.l8 { stroke:yellow; }
.SVGplot.l0fill { stroke:#f00; fill:url(#gr_0); }
.SVGplot.l1fill { stroke:#291; fill:url(#gr_1); }
.SVGplot.l2fill { stroke:#00f; fill:url(#gr_2); }
.SVGplot.l3fill { stroke:#f0f; fill:url(#gr_3); }
.SVGplot.l4fill { stroke:#ff0; fill:url(#gr_4); }
.SVGplot.l5fill { stroke:#0ff; fill:url(#gr_5); }
.SVGplot.l6fill { stroke:#000; fill:url(#gr_6); }
.SVGplot.l0dot { stroke:red; stroke-dasharray:2,4; }
.SVGplot.l1dot { stroke:green; stroke-dasharray:2,4; }
.SVGplot.l0fill_stripe {stroke:red; fill:url(#gr0_stripe); }
.SVGplot.l1fill_stripe {stroke:green; fill:url(#gr1_stripe); }
.SVGplot.l0fill_gyr {stroke:red; fill:url(#gr0_gyr); }
text.SVGplot.l0 { stroke:none; fill:red; }
text.SVGplot.l1 { stroke:none; fill:green; }
text.SVGplot.l2 { stroke:none; fill:blue; }
text.SVGplot.l3 { stroke:none; fill:magenta; }
text.SVGplot.l4 { stroke:none; fill:brown; }
text.SVGplot.l5 { stroke:none; fill:black; }
text.SVGplot.l6 { stroke:none; fill:olive; }
text.SVGplot.l7 { stroke:none; fill:gray; }
text.SVGplot.l8 { stroke:none; fill:yellow; }
text.SVGplot.l0fill { stroke:none; fill:#f00; }
text.SVGplot.l1fill { stroke:none; fill:#291; }
text.SVGplot.l2fill { stroke:none; fill:#00f; }
text.SVGplot.l3fill { stroke:none; fill:#f0f; }
text.SVGplot.l4fill { stroke:none; fill:#ff0; }
text.SVGplot.l5fill { stroke:none; fill:#0ff; }
text.SVGplot.l6fill { stroke:none; fill:#000; }
text.SVGplot.ldot { stroke:none; fill:red; }
text.SVGplot.ldot { stroke:none; fill:green; }
text.SVGplot.l0fill_stripe {stroke:none; fill:red; }
text.SVGplot.l1fill_stripe {stroke:none; fill:green;}
text.SVGplot.l0fill_gyr {stroke:none; fill:red; }

View File

@ -5,27 +5,53 @@ text.legend{ cursor:pointer; }
text.copy { text-decoration:underline; stroke:none; fill:blue; cursor:pointer;}
text.paste { text-decoration:underline; stroke:none; fill:blue; cursor:pointer;}
path { stroke:black; fill:none; }
polyline { stroke:black; fill:none; }
path.SVGplot { stroke:black; fill:none; }
polyline.SVGplot { stroke:black; fill:none; }
.border { stroke:black; fill:url(#gr_bg);}
.vgrid { stroke:gray; stroke-dasharray:2,6;}
.hgrid { stroke:gray; stroke-dasharray:2,6;}
.pasted { stroke:black; stroke-dasharray:1,1;}
.l0 { stroke:#fc3e39; } text.l0 { stroke:none; fill:#fc3e39; }
.l1 { stroke:#53d769; } text.l1 { stroke:none; fill:#53d769; }
.l2 { stroke:#157efb; } text.l2 { stroke:none; fill:#157efb; }
.l3 { stroke:#c34ceb; } text.l3 { stroke:none; fill:#c34ceb; }
.l4 { stroke:brown; } text.l4 { stroke:none; fill:brown; }
.l5 { stroke:black; } text.l5 { stroke:none; fill:black; }
.l6 { stroke:olive; } text.l6 { stroke:none; fill:olive; }
.l7 { stroke:gray; } text.l7 { stroke:none; fill:gray; }
.l8 { stroke:#f7ab28; } text.l8 { stroke:none; fill:#f7ab28; }
.SVGplot.l0 { stroke:#fc3e39; }
.SVGplot.l1 { stroke:#53d769; }
.SVGplot.l2 { stroke:#157efb; }
.SVGplot.l3 { stroke:#c34ceb; }
.SVGplot.l4 { stroke:brown; }
.SVGplot.l5 { stroke:black; }
.SVGplot.l6 { stroke:olive; }
.SVGplot.l7 { stroke:gray; }
.SVGplot.l8 { stroke:#f7ab28; }
.SVGplot.l0fill { stroke:#fc3e39; fill:url(#gr_0); }
.SVGplot.l1fill { stroke:#53d769; fill:url(#gr_1); }
.SVGplot.l2fill { stroke:#157efb; fill:url(#gr_2); }
.SVGplot.l3fill { stroke:#c34ceb; fill:url(#gr_3); }
.SVGplot.l4fill { stroke:#ff0; fill:url(#gr_4); }
.SVGplot.l5fill { stroke:#0ff; fill:url(#gr_5); }
.SVGplot.l6fill { stroke:#000; fill:url(#gr_6); }
.SVGplot.l0dot { stroke:red; stroke-dasharray:2,4; }
.SVGplot.l1dot { stroke:green; stroke-dasharray:2,4; }
.SVGplot.l0fill_stripe {stroke:red; fill:url(#gr0_stripe); }
.SVGplot.l1fill_stripe {stroke:green; fill:url(#gr1_stripe); }
.SVGplot.l0fill_gyr {stroke:red; fill:url(#gr0_gyr); }
.l0fill{ stroke:#fc3e39; fill:url(#gr_0); } text.l0fill{ stroke:none; fill:#fc3e39; }
.l1fill{ stroke:#53d769; fill:url(#gr_1); } text.l1fill{ stroke:none; fill:#53d769; }
.l2fill{ stroke:#157efb; fill:url(#gr_2); } text.l2fill{ stroke:none; fill:#157efb; }
.l3fill{ stroke:#c34ceb; fill:url(#gr_3); } text.l3fill{ stroke:none; fill:#c34ceb; }
.l4fill{ stroke:#ff0; fill:url(#gr_4); } text.l4fill{ stroke:none; fill:#ff0; }
.l5fill{ stroke:#0ff; fill:url(#gr_5); } text.l5fill{ stroke:none; fill:#0ff; }
.l6fill{ stroke:#000; fill:url(#gr_6); } text.l6fill{ stroke:none; fill:#000; }
text.SVGplot.l0 { stroke:none; fill:#fc3e39; }
text.SVGplot.l1 { stroke:none; fill:#53d769; }
text.SVGplot.l2 { stroke:none; fill:#157efb; }
text.SVGplot.l3 { stroke:none; fill:#c34ceb; }
text.SVGplot.l4 { stroke:none; fill:brown; }
text.SVGplot.l5 { stroke:none; fill:black; }
text.SVGplot.l6 { stroke:none; fill:olive; }
text.SVGplot.l7 { stroke:none; fill:gray; }
text.SVGplot.l8 { stroke:none; fill:#f7ab28; }
text.SVGplot.l0fill { stroke:none; fill:#fc3e39; }
text.SVGplot.l1fill { stroke:none; fill:#53d769; }
text.SVGplot.l2fill { stroke:none; fill:#157efb; }
text.SVGplot.l3fill { stroke:none; fill:#c34ceb; }
text.SVGplot.l4fill { stroke:none; fill:#ff0; }
text.SVGplot.l5fill { stroke:none; fill:#0ff; }
text.SVGplot.l6fill { stroke:none; fill:#000; }
text.SVGplot.ldot { stroke:none; fill:red; }
text.SVGplot.ldot { stroke:none; fill:green; }
text.SVGplot.l0fill_stripe {stroke:none; fill:red; }
text.SVGplot.l1fill_stripe {stroke:none; fill:green;}
text.SVGplot.l0fill_gyr {stroke:none; fill:red; }

View File

@ -5,35 +5,53 @@ text.title { font-size:16px; }
text.legend { cursor:pointer; }
circle#svgmarker { color:#278727; opacity:0.5; }
path { stroke:black; fill:none; }
polyline { stroke:black; fill:none; }
path.SVGplot { stroke:black; fill:none; }
polyline.SVGplot { stroke:black; fill:none; }
.border { stroke:black; fill:url(#gr_bg); }
.vgrid { stroke:gray; stroke-dasharray:2,6; }
.hgrid { stroke:gray; stroke-dasharray:2,6; }
.pasted { stroke:black; stroke-dasharray:1,1; }
.l0 { stroke:red; } text.l0 { stroke:none; fill:red; }
.l1 { stroke:green; } text.l1 { stroke:none; fill:green; }
.l2 { stroke:blue; } text.l2 { stroke:none; fill:blue; }
.l3 { stroke:magenta; } text.l3 { stroke:none; fill:magenta; }
.l4 { stroke:brown; } text.l4 { stroke:none; fill:brown; }
.l5 { stroke:black; } text.l5 { stroke:none; fill:black; }
.l6 { stroke:olive; } text.l6 { stroke:none; fill:olive; }
.l7 { stroke:gray; } text.l7 { stroke:none; fill:gray; }
.l8 { stroke:yellow; } text.l8 { stroke:none; fill:yellow; }
.SVGplot.l0 { stroke:red; }
.SVGplot.l1 { stroke:green; }
.SVGplot.l2 { stroke:blue; }
.SVGplot.l3 { stroke:magenta; }
.SVGplot.l4 { stroke:brown; }
.SVGplot.l5 { stroke:black; }
.SVGplot.l6 { stroke:olive; }
.SVGplot.l7 { stroke:gray; }
.SVGplot.l8 { stroke:yellow; }
.SVGplot.l0fill { stroke:#f00; fill:url(#gr_0); }
.SVGplot.l1fill { stroke:#291; fill:url(#gr_1); }
.SVGplot.l2fill { stroke:#00f; fill:url(#gr_2); }
.SVGplot.l3fill { stroke:#f0f; fill:url(#gr_3); }
.SVGplot.l4fill { stroke:#ff0; fill:url(#gr_4); }
.SVGplot.l5fill { stroke:#0ff; fill:url(#gr_5); }
.SVGplot.l6fill { stroke:#000; fill:url(#gr_6); }
.SVGplot.l0dot { stroke:red; stroke-dasharray:2,4; }
.SVGplot.l1dot { stroke:green; stroke-dasharray:2,4; }
.SVGplot.l0fill_stripe { stroke:red; fill:url(#gr0_stripe);}
.SVGplot.l1fill_stripe { stroke:green; fill:url(#gr1_stripe);}
.SVGplot.l0fill_gyr { stroke:red; fill:url(#gr0_gyr);}
.l0fill{ stroke:#f00; fill:url(#gr_0); } text.l0fill{ stroke:none; fill:#f00; }
.l1fill{ stroke:#291; fill:url(#gr_1); } text.l1fill{ stroke:none; fill:#291; }
.l2fill{ stroke:#00f; fill:url(#gr_2); } text.l2fill{ stroke:none; fill:#00f; }
.l3fill{ stroke:#f0f; fill:url(#gr_3); } text.l3fill{ stroke:none; fill:#f0f; }
.l4fill{ stroke:#ff0; fill:url(#gr_4); } text.l4fill{ stroke:none; fill:#ff0; }
.l5fill{ stroke:#0ff; fill:url(#gr_5); } text.l5fill{ stroke:none; fill:#0ff; }
.l6fill{ stroke:#000; fill:url(#gr_6); } text.l6fill{ stroke:none; fill:#000; }
.l0dot { stroke:red; stroke-dasharray:2,4; } text.ldot { stroke:none; fill:red; }
.l1dot { stroke:green; stroke-dasharray:2,4; } text.ldot { stroke:none; fill:green; }
.l0fill_stripe {stroke:red; fill:url(#gr0_stripe);} text.l0fill_stripe {stroke:none; fill:red;}
.l1fill_stripe {stroke:green; fill:url(#gr1_stripe);} text.l1fill_stripe {stroke:none; fill:green;}
.l0fill_gyr {stroke:red; fill:url(#gr0_gyr);} text.l0fill_gyr {stroke:none; fill:red;}
text.SVGplot.l0 { stroke:none; fill:red; }
text.SVGplot.l1 { stroke:none; fill:green; }
text.SVGplot.l2 { stroke:none; fill:blue; }
text.SVGplot.l3 { stroke:none; fill:magenta; }
text.SVGplot.l4 { stroke:none; fill:brown; }
text.SVGplot.l5 { stroke:none; fill:black; }
text.SVGplot.l6 { stroke:none; fill:olive; }
text.SVGplot.l7 { stroke:none; fill:gray; }
text.SVGplot.l8 { stroke:none; fill:yellow; }
text.SVGplot.l0fill { stroke:none; fill:#f00; }
text.SVGplot.l1fill { stroke:none; fill:#291; }
text.SVGplot.l2fill { stroke:none; fill:#00f; }
text.SVGplot.l3fill { stroke:none; fill:#f0f; }
text.SVGplot.l4fill { stroke:none; fill:#ff0; }
text.SVGplot.l5fill { stroke:none; fill:#0ff; }
text.SVGplot.l6fill { stroke:none; fill:#000; }
text.SVGplot.l0dot { stroke:none; fill:red; }
text.SVGplot.l1dot { stroke:none; fill:green; }
text.SVGplot.l0fill_stripe {stroke:none; fill:red; }
text.SVGplot.l1fill_stripe {stroke:none; fill:green;}
text.SVGplot.l0fill_gyr {stroke:none; fill:red; }