| t | Here is a test chart: | t | |
| | | |
| <table align="right"><tr><td><div class="toc"> | | |
| Contents: | | |
| <ul> | | |
| <li><a href="#Line_Chart">Line Chart</a></li> | | |
| <li><a href="#Bar_Chart">Bar Chart</a></li> | | |
| <li><a href="#Pie_Chart">Pie Chart</a></li> | | |
| </ul> | | |
| </div></td></tr></table> | | |
| <p> | | |
| Show in split mode to see all three charts. | | |
| <p> | | |
| See also <a style="color:red;" href="/tbwiki/TableChartTest">TableChartTest</a> | | |
| <p> | | |
| <h1><a name="Line_Chart">Line Chart</a> | | |
| <span align=right class="section_edit_link">[<a href="/tbwiki/Processor_Chart_Test?action=edit§ion=Line_Chart">edit section</a>]</font></span> | | |
| </h1> | | |
| <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg"> | | |
| #<svg version="1.1" xmlns="http://www.w3.org/2000/svg"> | | |
| <rect width="520" height="330" style="fill:white"/> | | |
| <text x="175" y="20" style="fill:black">TBWiki line chart</text> | | |
| <line x1="60" y1="280" x2="70" y2="280" style="stroke:black;stroke-width:2"/> | | |
| <line x1="70" y1="280" x2="500" y2="280" style="stroke:#E0E0E0;stroke-width:2"/> | | |
| <text x="10" y="285" style="fill:black">0</text> | | |
| <line x1="60" y1="217" x2="70" y2="217" style="stroke:black;stroke-width:2"/> | | |
| <line x1="70" y1="217" x2="500" y2="217" style="stroke:#E0E0E0;stroke-width:2"/> | | |
| <text x="10" y="222" style="fill:black">50.0</text> | | |
| <line x1="60" y1="155" x2="70" y2="155" style="stroke:black;stroke-width:2"/> | | |
| <line x1="70" y1="155" x2="500" y2="155" style="stroke:#E0E0E0;stroke-width:2"/> | | |
| <text x="10" y="160" style="fill:black">100.0</text> | | |
| <line x1="60" y1="92" x2="70" y2="92" style="stroke:black;stroke-width:2"/> | | |
| <line x1="70" y1="92" x2="500" y2="92" style="stroke:#E0E0E0;stroke-width:2"/> | | |
| <text x="10" y="97" style="fill:black">150.0</text> | | |
| <line x1="60" y1="30" x2="70" y2="30" style="stroke:black;stroke-width:2"/> | | |
| <line x1="70" y1="30" x2="500" y2="30" style="stroke:#E0E0E0;stroke-width:2"/> | | |
| <text x="10" y="35" style="fill:black">200.0</text> | | |
| <line x1="70" y1="290" x2="70" y2="280" style="stroke:black;stroke-width:2"/> | | |
| <line x1="70" y1="280" x2="70" y2="30" style="stroke:#E0E0E0;stroke-width:2"/> | | |
| <text x="70" y="320" style="fill:black">Q1</text> | | |
| <line x1="177" y1="290" x2="177" y2="280" style="stroke:black;stroke-width:2"/> | | |
| <line x1="177" y1="280" x2="177" y2="30" style="stroke:#E0E0E0;stroke-width:2"/> | | |
| <text x="177" y="320" style="fill:black">Q2</text> | | |
| <line x1="285" y1="290" x2="285" y2="280" style="stroke:black;stroke-width:2"/> | | |
| <line x1="285" y1="280" x2="285" y2="30" style="stroke:#E0E0E0;stroke-width:2"/> | | |
| <text x="285" y="320" style="fill:black">Q3</text> | | |
| <line x1="392" y1="290" x2="392" y2="280" style="stroke:black;stroke-width:2"/> | | |
| <line x1="392" y1="280" x2="392" y2="30" style="stroke:#E0E0E0;stroke-width:2"/> | | |
| <text x="392" y="320" style="fill:black">Q4</text> | | |
| <line x1="70" y1="130" x2="177" y2="55" style="stroke:green;stroke-width:2"/> | | |
| <line x1="177" y1="55" x2="285" y2="248" style="stroke:green;stroke-width:2"/> | | |
| <line x1="285" y1="248" x2="392" y2="217" style="stroke:green;stroke-width:2"/> | | |
| <line x1="70" y1="155" x2="177" y2="130" style="stroke:blue;stroke-width:2"/> | | |
| <line x1="177" y1="130" x2="285" y2="117" style="stroke:blue;stroke-width:2"/> | | |
| <line x1="285" y1="117" x2="392" y2="255" style="stroke:blue;stroke-width:2"/> | | |
| <line x1="70" y1="55" x2="177" y2="255" style="stroke:red;stroke-width:2"/> | | |
| <line x1="177" y1="255" x2="285" y2="142" style="stroke:red;stroke-width:2"/> | | |
| <line x1="285" y1="142" x2="392" y2="180" style="stroke:red;stroke-width:2"/> | | |
| </svg> | | |
| | | |
| <p> | | |
| <h1><a name="Bar_Chart">Bar Chart</a> | | |
| <span align=right class="section_edit_link">[<a href="/tbwiki/Processor_Chart_Test?action=edit§ion=Bar_Chart">edit section</a>]</font></span> | | |
| </h1> | | |
| <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg"> | | |
| #<svg version="1.1" xmlns="http://www.w3.org/2000/svg"> | | |
| <rect width="520" height="330" style="fill:white"/> | | |
| <text x="180" y="20" style="fill:black">TBWiki bar chart</text> | | |
| <line x1="50" y1="290" x2="60" y2="290" style="stroke:black;stroke-width:2"/> | | |
| <line x1="60" y1="290" x2="500" y2="290" style="stroke:#E0E0E0;stroke-width:2"/> | | |
| <text x="10" y="295" style="fill:black">0</text> | | |
| <line x1="50" y1="225" x2="60" y2="225" style="stroke:black;stroke-width:2"/> | | |
| <line x1="60" y1="225" x2="500" y2="225" style="stroke:#E0E0E0;stroke-width:2"/> | | |
| <text x="10" y="230" style="fill:black">50.0</text> | | |
| <line x1="50" y1="160" x2="60" y2="160" style="stroke:black;stroke-width:2"/> | | |
| <line x1="60" y1="160" x2="500" y2="160" style="stroke:#E0E0E0;stroke-width:2"/> | | |
| <text x="10" y="165" style="fill:black">100.0</text> | | |
| <line x1="50" y1="95" x2="60" y2="95" style="stroke:black;stroke-width:2"/> | | |
| <line x1="60" y1="95" x2="500" y2="95" style="stroke:#E0E0E0;stroke-width:2"/> | | |
| <text x="10" y="100" style="fill:black">150.0</text> | | |
| <line x1="50" y1="30" x2="60" y2="30" style="stroke:black;stroke-width:2"/> | | |
| <line x1="60" y1="30" x2="500" y2="30" style="stroke:#E0E0E0;stroke-width:2"/> | | |
| <text x="10" y="35" style="fill:black">200.0</text> | | |
| <line x1="60" y1="300" x2="60" y2="290" style="stroke:black;stroke-width:2"/> | | |
| <line x1="60" y1="290" x2="60" y2="30" style="stroke:#E0E0E0;stroke-width:2"/> | | |
| <text x="60" y="320" style="fill:black">Q1</text> | | |
| <line x1="170" y1="300" x2="170" y2="290" style="stroke:black;stroke-width:2"/> | | |
| <line x1="170" y1="290" x2="170" y2="30" style="stroke:#E0E0E0;stroke-width:2"/> | | |
| <text x="170" y="320" style="fill:black">Q2</text> | | |
| <line x1="280" y1="300" x2="280" y2="290" style="stroke:black;stroke-width:2"/> | | |
| <line x1="280" y1="290" x2="280" y2="30" style="stroke:#E0E0E0;stroke-width:2"/> | | |
| <text x="280" y="320" style="fill:black">Q3</text> | | |
| <line x1="390" y1="300" x2="390" y2="290" style="stroke:black;stroke-width:2"/> | | |
| <line x1="390" y1="290" x2="390" y2="30" style="stroke:#E0E0E0;stroke-width:2"/> | | |
| <text x="390" y="320" style="fill:black">Q4</text> | | |
| <rect x="60" y="134" width="30" height="156" style="fill:green"/> | | |
| <rect x="170" y="95" width="30" height="195" style="fill:green"/> | | |
| <rect x="280" y="257" width="30" height="32" style="fill:green"/> | | |
| <rect x="390" y="225" width="30" height="65" style="fill:green"/> | | |
| <rect x="80" y="160" width="30" height="130" style="fill:blue"/> | | |
| <rect x="190" y="134" width="30" height="156" style="fill:blue"/> | | |
| <rect x="300" y="121" width="30" height="169" style="fill:blue"/> | | |
| <rect x="410" y="264" width="30" height="26" style="fill:blue"/> | | |
| <rect x="100" y="56" width="30" height="234" style="fill:red"/> | | |
| <rect x="210" y="264" width="30" height="26" style="fill:red"/> | | |
| <rect x="320" y="147" width="30" height="143" style="fill:red"/> | | |
| <rect x="430" y="186" width="30" height="104" style="fill:red"/> | | |
| </svg> | | |
| | | |
| <p> | | |
| <h1><a name="Pie_Chart">Pie Chart</a> | | |
| <span align=right class="section_edit_link">[<a href="/tbwiki/Processor_Chart_Test?action=edit§ion=Pie_Chart">edit section</a>]</font></span> | | |
| </h1> | | |
| <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg"> | | |
| #<svg version="1.1" xmlns="http://www.w3.org/2000/svg"> | | |
| <rect width="520" height="330" style="fill:white"/> | | |
| <g style="fill:green" transform="rotate(-270.000000, 210, 150)"> | | |
| <path d="M 210 150 h 140 A 140,140 0,0,0 129.264755,35.624215 z"/> | | |
| </g> | | |
| <g style="fill:blue" transform="rotate(-395.217391, 210, 150)"> | | |
| <path d="M 210 150 h 140 A 140,140 0,0,0 81.590418,94.223847 z"/> | | |
| </g> | | |
| <g style="fill:red" transform="rotate(-551.739130, 210, 150)"> | | |
| <path d="M 210 150 h 140 A 140,140 0,0,0 335.737879,88.437139 z"/> | | |
| </g> | | |
| <g style="fill:magenta" transform="rotate(-577.826087, 210, 150)"> | | |
| <path d="M 210 150 h 140 A 140,140 0,0,0 295.857345,39.417378 z"/> | | |
| </g> | | |
| </svg> | | |
| | | |
| <p> | | |