2
0
mirror of https://github.com/fhem/fhem-mirror.git synced 2024-11-22 09:49:50 +00:00

svg_defs.svg: line styles completed by mumpitzstuff(Forum #101563)

git-svn-id: https://svn.fhem.de/fhem/trunk@19660 2b470e98-0d58-463d-a4d8-8e2adae1ed80
This commit is contained in:
rudolfkoenig 2019-06-20 06:40:45 +00:00
parent 8b1df5a8e1
commit 95e5bc51d0
4 changed files with 396 additions and 98 deletions

View File

@ -6,55 +6,147 @@
</linearGradient>
<linearGradient id="gr_0" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#f00; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#f88; stop-opacity:.4"/>
<stop offset="0%" style="stop-color:red; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#ff8080; stop-opacity:.4"/>
</linearGradient>
<linearGradient id="gr_1" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#291; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#8f7; stop-opacity:.4"/>
<stop offset="0%" style="stop-color:forestgreen; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#98e698; stop-opacity:.4"/>
</linearGradient>
<linearGradient id="gr_2" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#00f; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#88f; stop-opacity:.4"/>
<stop offset="0%" style="stop-color:blue; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#8080ff; stop-opacity:.4"/>
</linearGradient>
<linearGradient id="gr_3" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#f0f; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#f8f; stop-opacity:.4"/>
<stop offset="0%" style="stop-color:magenta; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#ff80ff; stop-opacity:.4"/>
</linearGradient>
<linearGradient id="gr_4" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#ff0; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#ff8; stop-opacity:.4"/>
<stop offset="0%" style="stop-color:yellow; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#ffff80; stop-opacity:.4"/>
</linearGradient>
<linearGradient id="gr_5" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#0ff; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#8ff; stop-opacity:.4"/>
<stop offset="0%" style="stop-color:cyan; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#80ffff; stop-opacity:.4"/>
</linearGradient>
<linearGradient id="gr_6" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#000; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#ccc; stop-opacity:.4"/>
<stop offset="0%" style="stop-color:black; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#bfbfbf; stop-opacity:.4"/>
</linearGradient>
<linearGradient id="gr_7" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:brown; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#e59a9a; stop-opacity:.4"/>
</linearGradient>
<linearGradient id="gr_8" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:olive; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#ffff80; stop-opacity:.4"/>
</linearGradient>
<pattern id="gr0_stripe" width="4" height="4"
patternUnits="userSpaceOnUse" patternTransform="rotate(-45 2 2)">
<path d="M -1,2 l 6,0" stroke="#f00" stroke-width="0.5"/>
<path d="M -1,2 l 6,0" stroke="red" stroke-width="0.5"/>
</pattern>
<pattern id="gr1_stripe" width="4" height="4"
patternUnits="userSpaceOnUse" patternTransform="rotate(45 2 2)">
<path d="M -1,2 l 6,0" stroke="green" stroke-width="0.5"/>
</pattern>
<pattern id="gr2_stripe" width="4" height="4"
patternUnits="userSpaceOnUse" patternTransform="rotate(-45 2 2)">
<path d="M -1,2 l 6,0" stroke="blue" stroke-width="0.5"/>
</pattern>
<pattern id="gr3_stripe" width="4" height="4"
patternUnits="userSpaceOnUse" patternTransform="rotate(45 2 2)">
<path d="M -1,2 l 6,0" stroke="magenta" stroke-width="0.5"/>
</pattern>
<pattern id="gr4_stripe" width="4" height="4"
patternUnits="userSpaceOnUse" patternTransform="rotate(-45 2 2)">
<path d="M -1,2 l 6,0" stroke="brown" stroke-width="0.5"/>
</pattern>
<pattern id="gr5_stripe" width="4" height="4"
patternUnits="userSpaceOnUse" patternTransform="rotate(45 2 2)">
<path d="M -1,2 l 6,0" stroke="black" stroke-width="0.5"/>
</pattern>
<pattern id="gr6_stripe" width="4" height="4"
patternUnits="userSpaceOnUse" patternTransform="rotate(-45 2 2)">
<path d="M -1,2 l 6,0" stroke="olive" stroke-width="0.5"/>
</pattern>
<pattern id="gr7_stripe" width="4" height="4"
patternUnits="userSpaceOnUse" patternTransform="rotate(45 2 2)">
<path d="M -1,2 l 6,0" stroke="gray" stroke-width="0.5"/>
</pattern>
<pattern id="gr8_stripe" width="4" height="4"
patternUnits="userSpaceOnUse" patternTransform="rotate(-45 2 2)">
<path d="M -1,2 l 6,0" stroke="yellow" stroke-width="0.5"/>
</pattern>
<linearGradient id="gr0_gyr" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset= "0%" style="stop-color:#f00; stop-opacity:.6"/>
<stop offset= "50%" style="stop-color:#ff0; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#0f0; stop-opacity:.6"/>
<stop offset= "0%" style="stop-color:red; stop-opacity:.6"/>
<stop offset= "50%" style="stop-color:#ffff00; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#00ff00; stop-opacity:.6"/>
</linearGradient>
<linearGradient id="gr1_gyr" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset= "0%" style="stop-color:green; stop-opacity:.6"/>
<stop offset= "50%" style="stop-color:#008080; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#000080; stop-opacity:.6"/>
</linearGradient>
<linearGradient id="gr2_gyr" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset= "0%" style="stop-color:blue; stop-opacity:.6"/>
<stop offset= "50%" style="stop-color:#ff00ff; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#ff0000; stop-opacity:.6"/>
</linearGradient>
<linearGradient id="gr3_gyr" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset= "0%" style="stop-color:magenta; stop-opacity:.6"/>
<stop offset= "50%" style="stop-color:#ff0000; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#ffbf00; stop-opacity:.6"/>
</linearGradient>
<linearGradient id="gr4_gyr" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset= "0%" style="stop-color:brown; stop-opacity:.6"/>
<stop offset= "50%" style="stop-color:#a6a62b; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#2ba62b; stop-opacity:.6"/>
</linearGradient>
<linearGradient id="gr5_gyr" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset= "0%" style="stop-color:black; stop-opacity:.6"/>
<stop offset= "50%" style="stop-color:#666666; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#cccccc; stop-opacity:.6"/>
</linearGradient>
<linearGradient id="gr6_gyr" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset= "0%" style="stop-color:olive; stop-opacity:.6"/>
<stop offset= "50%" style="stop-color:#008000; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#008080; stop-opacity:.6"/>
</linearGradient>
<linearGradient id="gr7_gyr" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset= "0%" style="stop-color:gray; stop-opacity:.6"/>
<stop offset= "50%" style="stop-color:#a6a6a6; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#cccccc; stop-opacity:.6"/>
</linearGradient>
<linearGradient id="gr8_gyr" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset= "0%" style="stop-color:yellow; stop-opacity:.6"/>
<stop offset= "50%" style="stop-color:#00ff00; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#00ffff; stop-opacity:.6"/>
</linearGradient>
</defs>

View File

@ -4,6 +4,7 @@ text.title {font-family:Arial, Helvetica, sans-serif; font-size:16px; fill:#CCCC
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;}
circle#svgmarker { color:#278727; opacity:0.5; }
path.SVGplot { stroke:black; fill:none; }
@ -14,31 +15,58 @@ polyline.SVGplot { stroke:black; fill:none; }
.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);}
.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; }
text.SVGplot.l0 { stroke:none; fill:red; }
text.SVGplot.l0 { stroke:none; fill:red; }
text.SVGplot.l1 { stroke:none; fill:green; }
.SVGplot.l0fill { stroke:red; fill:url(#gr_0); }
.SVGplot.l1fill { stroke:forestgreen; fill:url(#gr_1); }
.SVGplot.l2fill { stroke:blue; fill:url(#gr_2); }
.SVGplot.l3fill { stroke:magenta; fill:url(#gr_3); }
.SVGplot.l4fill { stroke:yellow; fill:url(#gr_4); }
.SVGplot.l5fill { stroke:cyan; fill:url(#gr_5); }
.SVGplot.l6fill { stroke:black; fill:url(#gr_6); }
.SVGplot.l7fill { stroke:brown; fill:url(#gr_7); }
.SVGplot.l8fill { stroke:olive; fill:url(#gr_8); }
.SVGplot.l0dot { stroke:red; stroke-dasharray:2,4; }
.SVGplot.l1dot { stroke:green; stroke-dasharray:2,4; }
.SVGplot.l2dot { stroke:blue; stroke-dasharray:2,4; }
.SVGplot.l3dot { stroke:magenta; stroke-dasharray:2,4; }
.SVGplot.l4dot { stroke:brown; stroke-dasharray:2,4; }
.SVGplot.l5dot { stroke:black; stroke-dasharray:2,4; }
.SVGplot.l6dot { stroke:olive; stroke-dasharray:2,4; }
.SVGplot.l7dot { stroke:gray; stroke-dasharray:2,4; }
.SVGplot.l8dot { stroke:yellow; stroke-dasharray:2,4; }
.SVGplot.l0fill_stripe { stroke:red; fill:url(#gr0_stripe);}
.SVGplot.l1fill_stripe { stroke:green; fill:url(#gr1_stripe);}
.SVGplot.l2fill_stripe { stroke:blue; fill:url(#gr2_stripe);}
.SVGplot.l3fill_stripe { stroke:magenta; fill:url(#gr3_stripe);}
.SVGplot.l4fill_stripe { stroke:brown; fill:url(#gr4_stripe);}
.SVGplot.l5fill_stripe { stroke:black; fill:url(#gr5_stripe);}
.SVGplot.l6fill_stripe { stroke:olive; fill:url(#gr6_stripe);}
.SVGplot.l7fill_stripe { stroke:gray; fill:url(#gr7_stripe);}
.SVGplot.l8fill_stripe { stroke:yellow; fill:url(#gr8_stripe);}
.SVGplot.l0fill_gyr { stroke:red; fill:url(#gr0_gyr);}
.SVGplot.l1fill_gyr { stroke:green; fill:url(#gr1_gyr);}
.SVGplot.l2fill_gyr { stroke:blue; fill:url(#gr2_gyr);}
.SVGplot.l3fill_gyr { stroke:magenta; fill:url(#gr3_gyr);}
.SVGplot.l4fill_gyr { stroke:brown; fill:url(#gr4_gyr);}
.SVGplot.l5fill_gyr { stroke:black; fill:url(#gr5_gyr);}
.SVGplot.l6fill_gyr { stroke:olive; fill:url(#gr6_gyr);}
.SVGplot.l7fill_gyr { stroke:gray; fill:url(#gr7_gyr);}
.SVGplot.l8fill_gyr { stroke:yellow; fill:url(#gr8_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; }
@ -46,15 +74,43 @@ 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; }
text.SVGplot.l0fill { stroke:none; fill:red; }
text.SVGplot.l1fill { stroke:none; fill:forestgreen; }
text.SVGplot.l2fill { stroke:none; fill:blue; }
text.SVGplot.l3fill { stroke:none; fill:magenta; }
text.SVGplot.l4fill { stroke:none; fill:yellow; }
text.SVGplot.l5fill { stroke:none; fill:cyan; }
text.SVGplot.l6fill { stroke:none; fill:black; }
text.SVGplot.l7fill { stroke:none; fill:brown; }
text.SVGplot.l8fill { stroke:none; fill:olive; }
text.SVGplot.l0dot { stroke:none; fill:red; }
text.SVGplot.l1dot { stroke:none; fill:green; }
text.SVGplot.l2dot { stroke:none; fill:blue; }
text.SVGplot.l3dot { stroke:none; fill:magenta; }
text.SVGplot.l4dot { stroke:none; fill:brown; }
text.SVGplot.l5dot { stroke:none; fill:black; }
text.SVGplot.l6dot { stroke:none; fill:olive; }
text.SVGplot.l7dot { stroke:none; fill:gray; }
text.SVGplot.l8dot { stroke:none; fill:yellow; }
text.SVGplot.l0fill_stripe {stroke:none; fill:red; }
text.SVGplot.l1fill_stripe {stroke:none; fill:green; }
text.SVGplot.l2fill_stripe {stroke:none; fill:blue; }
text.SVGplot.l3fill_stripe {stroke:none; fill:magenta; }
text.SVGplot.l4fill_stripe {stroke:none; fill:brown; }
text.SVGplot.l5fill_stripe {stroke:none; fill:black; }
text.SVGplot.l6fill_stripe {stroke:none; fill:olive; }
text.SVGplot.l7fill_stripe {stroke:none; fill:gray; }
text.SVGplot.l8fill_stripe {stroke:none; fill:yellow; }
text.SVGplot.l0fill_gyr {stroke:none; fill:red; }
text.SVGplot.l1fill_gyr {stroke:none; fill:green; }
text.SVGplot.l2fill_gyr {stroke:none; fill:blue; }
text.SVGplot.l3fill_gyr {stroke:none; fill:magenta; }
text.SVGplot.l4fill_gyr {stroke:none; fill:brown; }
text.SVGplot.l5fill_gyr {stroke:none; fill:black; }
text.SVGplot.l6fill_gyr {stroke:none; fill:olive; }
text.SVGplot.l7fill_gyr {stroke:none; fill:gray; }
text.SVGplot.l8fill_gyr {stroke:none; fill:yellow; }

View File

@ -6,55 +6,147 @@
</linearGradient>
<linearGradient id="gr_0" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#f00; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#f88; stop-opacity:.4"/>
<stop offset="0%" style="stop-color:red; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#ff8080; stop-opacity:.4"/>
</linearGradient>
<linearGradient id="gr_1" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#291; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#8f7; stop-opacity:.4"/>
<stop offset="0%" style="stop-color:forestgreen; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#98e698; stop-opacity:.4"/>
</linearGradient>
<linearGradient id="gr_2" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#00f; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#88f; stop-opacity:.4"/>
<stop offset="0%" style="stop-color:blue; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#8080ff; stop-opacity:.4"/>
</linearGradient>
<linearGradient id="gr_3" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#f0f; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#f8f; stop-opacity:.4"/>
<stop offset="0%" style="stop-color:magenta; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#ff80ff; stop-opacity:.4"/>
</linearGradient>
<linearGradient id="gr_4" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#ff0; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#ff8; stop-opacity:.4"/>
<stop offset="0%" style="stop-color:yellow; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#ffff80; stop-opacity:.4"/>
</linearGradient>
<linearGradient id="gr_5" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#0ff; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#8ff; stop-opacity:.4"/>
<stop offset="0%" style="stop-color:cyan; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#80ffff; stop-opacity:.4"/>
</linearGradient>
<linearGradient id="gr_6" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#000; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#ccc; stop-opacity:.4"/>
<stop offset="0%" style="stop-color:black; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#bfbfbf; stop-opacity:.4"/>
</linearGradient>
<linearGradient id="gr_7" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:brown; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#e59a9a; stop-opacity:.4"/>
</linearGradient>
<linearGradient id="gr_8" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:olive; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#ffff80; stop-opacity:.4"/>
</linearGradient>
<pattern id="gr0_stripe" width="4" height="4"
patternUnits="userSpaceOnUse" patternTransform="rotate(-45 2 2)">
<path d="M -1,2 l 6,0" stroke="#f00" stroke-width="0.5"/>
<path d="M -1,2 l 6,0" stroke="red" stroke-width="0.5"/>
</pattern>
<pattern id="gr1_stripe" width="4" height="4"
patternUnits="userSpaceOnUse" patternTransform="rotate(45 2 2)">
<path d="M -1,2 l 6,0" stroke="green" stroke-width="0.5"/>
</pattern>
<pattern id="gr2_stripe" width="4" height="4"
patternUnits="userSpaceOnUse" patternTransform="rotate(-45 2 2)">
<path d="M -1,2 l 6,0" stroke="blue" stroke-width="0.5"/>
</pattern>
<pattern id="gr3_stripe" width="4" height="4"
patternUnits="userSpaceOnUse" patternTransform="rotate(45 2 2)">
<path d="M -1,2 l 6,0" stroke="magenta" stroke-width="0.5"/>
</pattern>
<pattern id="gr4_stripe" width="4" height="4"
patternUnits="userSpaceOnUse" patternTransform="rotate(-45 2 2)">
<path d="M -1,2 l 6,0" stroke="brown" stroke-width="0.5"/>
</pattern>
<pattern id="gr5_stripe" width="4" height="4"
patternUnits="userSpaceOnUse" patternTransform="rotate(45 2 2)">
<path d="M -1,2 l 6,0" stroke="black" stroke-width="0.5"/>
</pattern>
<pattern id="gr6_stripe" width="4" height="4"
patternUnits="userSpaceOnUse" patternTransform="rotate(-45 2 2)">
<path d="M -1,2 l 6,0" stroke="olive" stroke-width="0.5"/>
</pattern>
<pattern id="gr7_stripe" width="4" height="4"
patternUnits="userSpaceOnUse" patternTransform="rotate(45 2 2)">
<path d="M -1,2 l 6,0" stroke="gray" stroke-width="0.5"/>
</pattern>
<pattern id="gr8_stripe" width="4" height="4"
patternUnits="userSpaceOnUse" patternTransform="rotate(-45 2 2)">
<path d="M -1,2 l 6,0" stroke="yellow" stroke-width="0.5"/>
</pattern>
<linearGradient id="gr0_gyr" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset= "0%" style="stop-color:#f00; stop-opacity:.6"/>
<stop offset= "50%" style="stop-color:#ff0; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#0f0; stop-opacity:.6"/>
<stop offset= "0%" style="stop-color:red; stop-opacity:.6"/>
<stop offset= "50%" style="stop-color:#ffff00; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#00ff00; stop-opacity:.6"/>
</linearGradient>
<linearGradient id="gr1_gyr" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset= "0%" style="stop-color:green; stop-opacity:.6"/>
<stop offset= "50%" style="stop-color:#008080; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#000080; stop-opacity:.6"/>
</linearGradient>
<linearGradient id="gr2_gyr" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset= "0%" style="stop-color:blue; stop-opacity:.6"/>
<stop offset= "50%" style="stop-color:#ff00ff; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#ff0000; stop-opacity:.6"/>
</linearGradient>
<linearGradient id="gr3_gyr" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset= "0%" style="stop-color:magenta; stop-opacity:.6"/>
<stop offset= "50%" style="stop-color:#ff0000; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#ffbf00; stop-opacity:.6"/>
</linearGradient>
<linearGradient id="gr4_gyr" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset= "0%" style="stop-color:brown; stop-opacity:.6"/>
<stop offset= "50%" style="stop-color:#a6a62b; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#2ba62b; stop-opacity:.6"/>
</linearGradient>
<linearGradient id="gr5_gyr" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset= "0%" style="stop-color:black; stop-opacity:.6"/>
<stop offset= "50%" style="stop-color:#666666; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#cccccc; stop-opacity:.6"/>
</linearGradient>
<linearGradient id="gr6_gyr" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset= "0%" style="stop-color:olive; stop-opacity:.6"/>
<stop offset= "50%" style="stop-color:#008000; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#008080; stop-opacity:.6"/>
</linearGradient>
<linearGradient id="gr7_gyr" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset= "0%" style="stop-color:gray; stop-opacity:.6"/>
<stop offset= "50%" style="stop-color:#a6a6a6; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#cccccc; stop-opacity:.6"/>
</linearGradient>
<linearGradient id="gr8_gyr" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset= "0%" style="stop-color:yellow; stop-opacity:.6"/>
<stop offset= "50%" style="stop-color:#00ff00; stop-opacity:.6"/>
<stop offset="100%" style="stop-color:#00ffff; stop-opacity:.6"/>
</linearGradient>
</defs>

View File

@ -3,6 +3,8 @@
text { font-family:Times; font-size:12px; }
text.title { font-size:16px; }
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;}
circle#svgmarker { color:#278727; opacity:0.5; }
path.SVGplot { stroke:black; fill:none; }
@ -22,21 +24,49 @@ polyline.SVGplot { stroke:black; fill:none; }
.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; }
.SVGplot.l0fill { stroke:red; fill:url(#gr_0); }
.SVGplot.l1fill { stroke:forestgreen; fill:url(#gr_1); }
.SVGplot.l2fill { stroke:blue; fill:url(#gr_2); }
.SVGplot.l3fill { stroke:magenta; fill:url(#gr_3); }
.SVGplot.l4fill { stroke:yellow; fill:url(#gr_4); }
.SVGplot.l5fill { stroke:cyan; fill:url(#gr_5); }
.SVGplot.l6fill { stroke:black; fill:url(#gr_6); }
.SVGplot.l7fill { stroke:brown; fill:url(#gr_7); }
.SVGplot.l8fill { stroke:olive; fill:url(#gr_8); }
.SVGplot.l0dot { stroke:red; stroke-dasharray:2,4; }
.SVGplot.l1dot { stroke:green; stroke-dasharray:2,4; }
.SVGplot.l2dot { stroke:blue; stroke-dasharray:2,4; }
.SVGplot.l3dot { stroke:magenta; stroke-dasharray:2,4; }
.SVGplot.l4dot { stroke:brown; stroke-dasharray:2,4; }
.SVGplot.l5dot { stroke:black; stroke-dasharray:2,4; }
.SVGplot.l6dot { stroke:olive; stroke-dasharray:2,4; }
.SVGplot.l7dot { stroke:gray; stroke-dasharray:2,4; }
.SVGplot.l8dot { stroke:yellow; stroke-dasharray:2,4; }
.SVGplot.l0fill_stripe { stroke:red; fill:url(#gr0_stripe);}
.SVGplot.l1fill_stripe { stroke:green; fill:url(#gr1_stripe);}
.SVGplot.l2fill_stripe { stroke:blue; fill:url(#gr2_stripe);}
.SVGplot.l3fill_stripe { stroke:magenta; fill:url(#gr3_stripe);}
.SVGplot.l4fill_stripe { stroke:brown; fill:url(#gr4_stripe);}
.SVGplot.l5fill_stripe { stroke:black; fill:url(#gr5_stripe);}
.SVGplot.l6fill_stripe { stroke:olive; fill:url(#gr6_stripe);}
.SVGplot.l7fill_stripe { stroke:gray; fill:url(#gr7_stripe);}
.SVGplot.l8fill_stripe { stroke:yellow; fill:url(#gr8_stripe);}
.SVGplot.l0fill_gyr { stroke:red; fill:url(#gr0_gyr);}
.SVGplot.l1fill_gyr { stroke:green; fill:url(#gr1_gyr);}
.SVGplot.l2fill_gyr { stroke:blue; fill:url(#gr2_gyr);}
.SVGplot.l3fill_gyr { stroke:magenta; fill:url(#gr3_gyr);}
.SVGplot.l4fill_gyr { stroke:brown; fill:url(#gr4_gyr);}
.SVGplot.l5fill_gyr { stroke:black; fill:url(#gr5_gyr);}
.SVGplot.l6fill_gyr { stroke:olive; fill:url(#gr6_gyr);}
.SVGplot.l7fill_gyr { stroke:gray; fill:url(#gr7_gyr);}
.SVGplot.l8fill_gyr { stroke:yellow; fill:url(#gr8_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; }
@ -44,15 +74,43 @@ 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; }
text.SVGplot.l0fill { stroke:none; fill:red; }
text.SVGplot.l1fill { stroke:none; fill:forestgreen; }
text.SVGplot.l2fill { stroke:none; fill:blue; }
text.SVGplot.l3fill { stroke:none; fill:magenta; }
text.SVGplot.l4fill { stroke:none; fill:yellow; }
text.SVGplot.l5fill { stroke:none; fill:cyan; }
text.SVGplot.l6fill { stroke:none; fill:black; }
text.SVGplot.l7fill { stroke:none; fill:brown; }
text.SVGplot.l8fill { stroke:none; fill:olive; }
text.SVGplot.l0dot { stroke:none; fill:red; }
text.SVGplot.l1dot { stroke:none; fill:green; }
text.SVGplot.l2dot { stroke:none; fill:blue; }
text.SVGplot.l3dot { stroke:none; fill:magenta; }
text.SVGplot.l4dot { stroke:none; fill:brown; }
text.SVGplot.l5dot { stroke:none; fill:black; }
text.SVGplot.l6dot { stroke:none; fill:olive; }
text.SVGplot.l7dot { stroke:none; fill:gray; }
text.SVGplot.l8dot { stroke:none; fill:yellow; }
text.SVGplot.l0fill_stripe {stroke:none; fill:red; }
text.SVGplot.l1fill_stripe {stroke:none; fill:green; }
text.SVGplot.l2fill_stripe {stroke:none; fill:blue; }
text.SVGplot.l3fill_stripe {stroke:none; fill:magenta; }
text.SVGplot.l4fill_stripe {stroke:none; fill:brown; }
text.SVGplot.l5fill_stripe {stroke:none; fill:black; }
text.SVGplot.l6fill_stripe {stroke:none; fill:olive; }
text.SVGplot.l7fill_stripe {stroke:none; fill:gray; }
text.SVGplot.l8fill_stripe {stroke:none; fill:yellow; }
text.SVGplot.l0fill_gyr {stroke:none; fill:red; }
text.SVGplot.l1fill_gyr {stroke:none; fill:green; }
text.SVGplot.l2fill_gyr {stroke:none; fill:blue; }
text.SVGplot.l3fill_gyr {stroke:none; fill:magenta; }
text.SVGplot.l4fill_gyr {stroke:none; fill:brown; }
text.SVGplot.l5fill_gyr {stroke:none; fill:black; }
text.SVGplot.l6fill_gyr {stroke:none; fill:olive; }
text.SVGplot.l7fill_gyr {stroke:none; fill:gray; }
text.SVGplot.l8fill_gyr {stroke:none; fill:yellow; }