Public/fhem-mirror
1
0
Fork 0
mirror of https://github.com/fhem/fhem-mirror.git synced 2025-05-04 22:19:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
git-svn-id: https://svn.fhem.de/fhem/trunk/fhem@7666 2b470e98-0d58-463d-a4d8-8e2adae1ed80
This commit is contained in:
rudolfkoenig 2015-01-23 09:17:21 +00:00
parent 5a4173f8bb
commit 19b559396d
6 changed files with 226 additions and 136 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
FHEM/98_SVG.pm
View File

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

10
www/gplot/SVG_01_Garden.gplot
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 terminal png transparent size <SIZE> crop
set output '<OUT>.png' set output '<OUT>.png'
set xdata time set xdata time
@ -11,10 +11,10 @@ set grid
set ylabel "Rain (mm)" set ylabel "Rain (mm)"
set y2label "Temperature" set y2label "Temperature"
#FileLog 4:Garden.T\x3a:15: #Log.Garden 4:Garden.T\x3a:15:
#FileLog 10:Garden.T\x3a:0:delta-h #Log.Garden 10:Garden.T\x3a:0:delta-h
#FileLog 10:Garden.T\x3a:0:delta-d #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/hour' ls l1fill lw 1 with histeps,\
"<IN>" using 1:2 axes x1y1 title 'Rain/day' ls l2 lw 1 with histeps "<IN>" using 1:2 axes x1y1 title 'Rain/day' ls l2 lw 1 with histeps

63
www/pgm2/darksvg_style.css
View File

@ -6,27 +6,54 @@ text.copy { text-decoration:underline; stroke:none; fill:blue; cursor:pointer;}
text.paste { 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; } path.SVGplot { stroke:black; fill:none; }
polyline { stroke:black; fill:none; } polyline.SVGplot { stroke:black; fill:none; }
.border { stroke:black; fill:url(#gr_bg);} .border { stroke:black; fill:url(#gr_bg);}
.vgrid { stroke:gray; stroke-dasharray:2,6;} .vgrid { stroke:gray; stroke-dasharray:2,6;}
.hgrid { stroke:gray; stroke-dasharray:2,6;} .hgrid { stroke:gray; stroke-dasharray:2,6;}
.pasted { stroke:black; stroke-dasharray:1,1;} .pasted { stroke:black; stroke-dasharray:1,1;}
.l0 { stroke:red; } text.l0 { stroke:none; fill:red; } .SVGplot.l0 { stroke:red; }
.l1 { stroke:green; } text.l1 { stroke:none; fill:green; } .SVGplot.l1 { stroke:green; }
.l2 { stroke:blue; } text.l2 { stroke:none; fill:blue; } .SVGplot.l2 { stroke:blue; }
.l3 { stroke:magenta; } text.l3 { stroke:none; fill:magenta; } .SVGplot.l3 { stroke:magenta; }
.l4 { stroke:brown; } text.l4 { stroke:none; fill:brown; } .SVGplot.l4 { stroke:brown; }
.l5 { stroke:black; } text.l5 { stroke:none; fill:black; } .SVGplot.l5 { stroke:black; }
.l6 { stroke:olive; } text.l6 { stroke:none; fill:olive; } .SVGplot.l6 { stroke:olive; }
.l7 { stroke:gray; } text.l7 { stroke:none; fill:gray; } .SVGplot.l7 { stroke:gray; }
.l8 { stroke:yellow; } text.l8 { stroke:none; fill:yellow; } .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; } text.SVGplot.l0 { stroke:none; fill:red; }
.l1fill{ stroke:#291; fill:url(#gr_1); } text.l1fill{ stroke:none; fill:#291; } text.SVGplot.l0 { stroke:none; fill:red; }
.l2fill{ stroke:#00f; fill:url(#gr_2); } text.l2fill{ stroke:none; fill:#00f; } text.SVGplot.l1 { stroke:none; fill:green; }
.l3fill{ stroke:#f0f; fill:url(#gr_3); } text.l3fill{ stroke:none; fill:#f0f; } text.SVGplot.l2 { stroke:none; fill:blue; }
.l4fill{ stroke:#ff0; fill:url(#gr_4); } text.l4fill{ stroke:none; fill:#ff0; } text.SVGplot.l3 { stroke:none; fill:magenta; }
.l5fill{ stroke:#0ff; fill:url(#gr_5); } text.l5fill{ stroke:none; fill:#0ff; } text.SVGplot.l4 { stroke:none; fill:brown; }
.l6fill{ stroke:#000; fill:url(#gr_6); } text.l6fill{ stroke:none; fill:#000; } 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; }

70
www/pgm2/ios6svg_style.css
View File

@ -18,35 +18,53 @@ text.legend{ cursor:pointer; }
text.copy { text-decoration:underline; stroke:none; fill:blue; cursor:pointer;} text.copy { text-decoration:underline; stroke:none; fill:blue; cursor:pointer;}
text.paste { 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; } path.SVGplot { stroke:black; fill:none; }
polyline { stroke:black; fill:none; } polyline.SVGplot { stroke:black; fill:none; }
.border { stroke:black; fill:url(#gr_bg);} .border { stroke:black; fill:url(#gr_bg);}
.vgrid { stroke:gray; stroke-dasharray:2,6;} .vgrid { stroke:gray; stroke-dasharray:2,6;}
.hgrid { stroke:gray; stroke-dasharray:2,6;} .hgrid { stroke:gray; stroke-dasharray:2,6;}
.pasted { stroke:black; stroke-dasharray:1,1;} .pasted { stroke:black; stroke-dasharray:1,1;}
.l0 { stroke:red; } text.l0 { stroke:none; fill:red; } .SVGplot.l0 { stroke:red; }
.l1 { stroke:green; } text.l1 { stroke:none; fill:green; } .SVGplot.l1 { stroke:green; }
.l2 { stroke:blue; } text.l2 { stroke:none; fill:blue; } .SVGplot.l2 { stroke:blue; }
.l3 { stroke:magenta; } text.l3 { stroke:none; fill:magenta; } .SVGplot.l3 { stroke:magenta; }
.l4 { stroke:brown; } text.l4 { stroke:none; fill:brown; } .SVGplot.l4 { stroke:brown; }
.l5 { stroke:black; } text.l5 { stroke:none; fill:black; } .SVGplot.l5 { stroke:black; }
.l6 { stroke:olive; } text.l6 { stroke:none; fill:olive; } .SVGplot.l6 { stroke:olive; }
.l7 { stroke:gray; } text.l7 { stroke:none; fill:gray; } .SVGplot.l7 { stroke:gray; }
.l8 { stroke:yellow; } text.l8 { stroke:none; fill:yellow; } .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; } text.SVGplot.l0 { stroke:none; fill:red; }
.l1fill{ stroke:#291; fill:url(#gr_1); } text.l1fill{ stroke:none; fill:#291; } text.SVGplot.l1 { stroke:none; fill:green; }
.l2fill{ stroke:#00f; fill:url(#gr_2); } text.l2fill{ stroke:none; fill:#00f; } text.SVGplot.l2 { stroke:none; fill:blue; }
.l3fill{ stroke:#f0f; fill:url(#gr_3); } text.l3fill{ stroke:none; fill:#f0f; } text.SVGplot.l3 { stroke:none; fill:magenta; }
.l4fill{ stroke:#ff0; fill:url(#gr_4); } text.l4fill{ stroke:none; fill:#ff0; } text.SVGplot.l4 { stroke:none; fill:brown; }
.l5fill{ stroke:#0ff; fill:url(#gr_5); } text.l5fill{ stroke:none; fill:#0ff; } text.SVGplot.l5 { stroke:none; fill:black; }
.l6fill{ stroke:#000; fill:url(#gr_6); } text.l6fill{ stroke:none; fill:#000; } text.SVGplot.l6 { stroke:none; fill:olive; }
text.SVGplot.l7 { stroke:none; fill:gray; }
.l0dot { stroke:red; stroke-dasharray:2,4; } text.ldot { stroke:none; fill:red; } text.SVGplot.l8 { stroke:none; fill:yellow; }
.l1dot { stroke:green; stroke-dasharray:2,4; } text.ldot { stroke:none; fill:green; } text.SVGplot.l0fill { stroke:none; fill:#f00; }
text.SVGplot.l1fill { stroke:none; fill:#291; }
.l0fill_stripe {stroke:red; fill:url(#gr0_stripe);} text.l0fill_stripe {stroke:none; fill:red;} text.SVGplot.l2fill { stroke:none; fill:#00f; }
.l1fill_stripe {stroke:green; fill:url(#gr1_stripe);} text.l1fill_stripe {stroke:none; fill:green;} text.SVGplot.l3fill { stroke:none; fill:#f0f; }
text.SVGplot.l4fill { stroke:none; fill:#ff0; }
.l0fill_gyr {stroke:red; fill:url(#gr0_gyr);} text.l0fill_gyr {stroke:none; fill:red;} 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; }

62
www/pgm2/ios7svg_style.css
View File

@ -5,27 +5,53 @@ text.legend{ cursor:pointer; }
text.copy { text-decoration:underline; stroke:none; fill:blue; cursor:pointer;} text.copy { text-decoration:underline; stroke:none; fill:blue; cursor:pointer;}
text.paste { 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; } path.SVGplot { stroke:black; fill:none; }
polyline { stroke:black; fill:none; } polyline.SVGplot { stroke:black; fill:none; }
.border { stroke:black; fill:url(#gr_bg);} .border { stroke:black; fill:url(#gr_bg);}
.vgrid { stroke:gray; stroke-dasharray:2,6;} .vgrid { stroke:gray; stroke-dasharray:2,6;}
.hgrid { stroke:gray; stroke-dasharray:2,6;} .hgrid { stroke:gray; stroke-dasharray:2,6;}
.pasted { stroke:black; stroke-dasharray:1,1;} .pasted { stroke:black; stroke-dasharray:1,1;}
.l0 { stroke:#fc3e39; } text.l0 { stroke:none; fill:#fc3e39; } .SVGplot.l0 { stroke:#fc3e39; }
.l1 { stroke:#53d769; } text.l1 { stroke:none; fill:#53d769; } .SVGplot.l1 { stroke:#53d769; }
.l2 { stroke:#157efb; } text.l2 { stroke:none; fill:#157efb; } .SVGplot.l2 { stroke:#157efb; }
.l3 { stroke:#c34ceb; } text.l3 { stroke:none; fill:#c34ceb; } .SVGplot.l3 { stroke:#c34ceb; }
.l4 { stroke:brown; } text.l4 { stroke:none; fill:brown; } .SVGplot.l4 { stroke:brown; }
.l5 { stroke:black; } text.l5 { stroke:none; fill:black; } .SVGplot.l5 { stroke:black; }
.l6 { stroke:olive; } text.l6 { stroke:none; fill:olive; } .SVGplot.l6 { stroke:olive; }
.l7 { stroke:gray; } text.l7 { stroke:none; fill:gray; } .SVGplot.l7 { stroke:gray; }
.l8 { stroke:#f7ab28; } text.l8 { stroke:none; fill:#f7ab28; } .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; } text.SVGplot.l0 { stroke:none; fill:#fc3e39; }
.l1fill{ stroke:#53d769; fill:url(#gr_1); } text.l1fill{ stroke:none; fill:#53d769; } text.SVGplot.l1 { stroke:none; fill:#53d769; }
.l2fill{ stroke:#157efb; fill:url(#gr_2); } text.l2fill{ stroke:none; fill:#157efb; } text.SVGplot.l2 { stroke:none; fill:#157efb; }
.l3fill{ stroke:#c34ceb; fill:url(#gr_3); } text.l3fill{ stroke:none; fill:#c34ceb; } text.SVGplot.l3 { stroke:none; fill:#c34ceb; }
.l4fill{ stroke:#ff0; fill:url(#gr_4); } text.l4fill{ stroke:none; fill:#ff0; } text.SVGplot.l4 { stroke:none; fill:brown; }
.l5fill{ stroke:#0ff; fill:url(#gr_5); } text.l5fill{ stroke:none; fill:#0ff; } text.SVGplot.l5 { stroke:none; fill:black; }
.l6fill{ stroke:#000; fill:url(#gr_6); } text.l6fill{ stroke:none; fill:#000; } 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; }

70
www/pgm2/svg_style.css
View File

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