diff options
| author | Kore Nordmann <github@kore-nordmann.de> | 2007-03-08 12:01:24 +0000 |
|---|---|---|
| committer | Kore Nordmann <github@kore-nordmann.de> | 2007-03-08 12:01:24 +0000 |
| commit | b08ae56b53938333b051b91b0a1f912428864950 (patch) | |
| tree | 68f089c05feab87cbaf0c3cfcd36407b3cce755f /tests/data | |
| parent | eff7a30681180181dc22b9500e6db45a7a916183 (diff) | |
| download | zetacomponents-graph-b08ae56b53938333b051b91b0a1f912428864950.zip zetacomponents-graph-b08ae56b53938333b051b91b0a1f912428864950.tar.gz | |
- Added feature #9511: Added helper functions to create image maps an link SVG
images in ezcGraphTools
Diffstat (limited to 'tests/data')
5 files changed, 58 insertions, 0 deletions
diff --git a/tests/data/compare/ezcGraphToolsTest_testLineChartImageMap.html b/tests/data/compare/ezcGraphToolsTest_testLineChartImageMap.html new file mode 100644 index 0000000..67d845a --- /dev/null +++ b/tests/data/compare/ezcGraphToolsTest_testLineChartImageMap.html @@ -0,0 +1,10 @@ +<map name="ezcGraphImageMap"> + <area shape="poly" coords="18,11,17,12,17,13,17,14,16,15,15,16,14,17,13,17,12,17,11,18,9,17,8,17,7,17,6,16,5,15,4,14,4,13,4,12,4,11,4,9,4,8,4,7,5,6,6,5,7,4,8,4,9,4,10,4,12,4,13,4,14,4,15,5,16,6,17,7,17,8,17,9" href="http://example.org/line_1" alt="Line 1" /> + <area shape="poly" coords="19,4,96,4,96,18,19,18" href="http://example.org/line_1" alt="Line 1" /> + <area shape="poly" coords="143,130,142,130,142,131,142,131,142,132,141,132,141,132,141,132,140,133,140,133,139,133,138,132,138,132,138,132,137,132,137,131,137,131,137,130,137,130,137,129,137,129,137,128,137,128,138,127,138,127,138,127,139,127,140,127,140,127,141,127,141,127,141,127,142,128,142,128,142,129,142,129" href="http://example.org/line_1" alt="sample 1" /> + <area shape="poly" coords="223,175,222,176,222,176,222,177,222,177,221,177,221,178,221,178,220,178,220,178,219,178,218,178,218,178,218,177,217,177,217,177,217,176,217,176,217,175,217,174,217,174,217,174,217,173,218,173,218,172,218,172,219,172,220,172,220,172,221,172,221,172,221,173,222,173,222,174,222,174,222,174" href="http://example.org/line_1" alt="sample 2" /> + <area shape="poly" coords="303,110,302,111,302,111,302,112,302,112,301,113,301,113,301,113,300,113,300,113,299,113,298,113,298,113,298,113,297,112,297,112,297,111,297,111,297,110,297,110,297,109,297,109,297,108,298,108,298,108,298,108,299,107,300,107,300,107,301,108,301,108,301,108,302,108,302,109,302,109,302,110" href="http://example.org/line_1" alt="sample 3" /> + <area shape="poly" coords="383,154,382,154,382,155,382,155,382,156,381,156,381,156,381,157,380,157,380,157,379,157,378,157,378,156,378,156,377,156,377,155,377,155,377,154,377,154,377,153,377,153,377,152,377,152,378,152,378,151,378,151,379,151,380,151,380,151,381,151,381,151,381,152,382,152,382,152,382,153,382,153" href="http://example.org/line_1" alt="sample 4" /> + <area shape="poly" coords="463,179,462,180,462,180,462,181,462,181,461,182,461,182,461,182,460,182,460,182,459,182,458,182,458,182,458,182,457,181,457,181,457,180,457,180,457,179,457,179,457,178,457,178,457,177,458,177,458,177,458,176,459,176,460,176,460,176,461,176,461,177,461,177,462,177,462,178,462,178,462,179" href="http://example.org/line_1" alt="sample 5" /> + <area shape="poly" coords="303,116,302,116,302,117,302,117,302,118,301,118,301,119,301,119,300,119,300,119,299,119,298,119,298,119,298,118,297,118,297,117,297,117,297,116,297,116,297,115,297,115,297,114,297,114,298,114,298,113,298,113,299,113,300,113,300,113,301,113,301,113,301,114,302,114,302,114,302,115,302,115" href="http://example.org/line_2/sample_3" alt="sample 3" /> +</map> diff --git a/tests/data/compare/ezcGraphToolsTest_testLineChartSvgLinking.svg b/tests/data/compare/ezcGraphToolsTest_testLineChartSvgLinking.svg new file mode 100644 index 0000000..47255ea --- /dev/null +++ b/tests/data/compare/ezcGraphToolsTest_testLineChartSvgLinking.svg @@ -0,0 +1,2 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" width="500" height="200" version="1.0" id="ezcGraph"><defs/><g id="ezcGraphChart" color-rendering="optimizeQuality" shape-rendering="geometricPrecision" text-rendering="optimizeLegibility"><path d=" M 0.0000,200.0000 L 0.0000,0.0000 L 500.0000,0.0000 L 500.0000,200.0000 L 0.0000,200.0000 z " style="fill: #2e3436; fill-opacity: 1.00; stroke: none;" id="ezcGraphPolygon_1"/><path d=" M 1.0000,199.0000 L 1.0000,1.0000 L 99.0000,1.0000 L 99.0000,199.0000 L 1.0000,199.0000 z " style="fill: #000000; fill-opacity: 0.00; stroke: none;" id="ezcGraphPolygon_2"/><path d=" M 1.5000,1.5000 L 98.5000,1.5000 L 98.5000,198.5000 L 1.5000,198.5000 L 1.5000,1.5000 z " style="fill: none; stroke: #555753; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphPolygon_3"/><ellipse cx="11" cy="11" rx="7" ry="7" style="fill: #729fcf; fill-opacity: 1.00; stroke: none; cursor: pointer;" id="ezcGraphCircle_4" onclick="top.location = 'http://example.org/line_1'"/><ellipse cx="11" cy="29" rx="7" ry="7" style="fill: #ef2929; fill-opacity: 1.00; stroke: none;" id="ezcGraphCircle_6"/><path d=" M 100.0000,180.0000 L 500.0000,180.0000" style="fill: none; stroke: #eeeeec; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_8"/><path d=" M 492.0000,184.0000 L 500.0000,180.0000 L 492.0000,176.0000 L 492.0000,184.0000 z " style="fill: #eeeeec; fill-opacity: 1.00; stroke: none;" id="ezcGraphPolygon_9"/><path d=" M 140.0000,200.0000 L 140.0000,0.0000" style="fill: none; stroke: #eeeeec; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_10"/><path d=" M 137.5000,5.0000 L 140.0000,0.0000 L 142.5000,5.0000 L 137.5000,5.0000 z " style="fill: #eeeeec; fill-opacity: 1.00; stroke: none;" id="ezcGraphPolygon_11"/><path d=" M 220.0000,20.0000 L 220.0000,180.0000" style="fill: none; stroke: #888a85; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_12"/><path d=" M 220.0000,177.0000 L 220.0000,180.0000" style="fill: none; stroke: #eeeeec; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_13"/><path d=" M 300.0000,20.0000 L 300.0000,180.0000" style="fill: none; stroke: #888a85; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_15"/><path d=" M 300.0000,177.0000 L 300.0000,180.0000" style="fill: none; stroke: #eeeeec; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_16"/><path d=" M 380.0000,20.0000 L 380.0000,180.0000" style="fill: none; stroke: #888a85; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_18"/><path d=" M 380.0000,177.0000 L 380.0000,180.0000" style="fill: none; stroke: #eeeeec; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_19"/><path d=" M 460.0000,20.0000 L 460.0000,180.0000" style="fill: none; stroke: #888a85; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_21"/><path d=" M 460.0000,177.0000 L 460.0000,180.0000" style="fill: none; stroke: #eeeeec; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_22"/><path d=" M 140.0000,168.8000 L 460.0000,168.8000" style="fill: none; stroke: #888a85; stroke-width: 1; stroke-opacity: 0.47; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_25"/><path d=" M 140.0000,169.3333 L 141.0000,169.3333" style="fill: none; stroke: #eeeeec; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_26"/><path d=" M 140.0000,159.2000 L 460.0000,159.2000" style="fill: none; stroke: #888a85; stroke-width: 1; stroke-opacity: 0.47; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_27"/><path d=" M 140.0000,158.6667 L 141.0000,158.6667" style="fill: none; stroke: #eeeeec; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_28"/><path d=" M 140.0000,148.0000 L 460.0000,148.0000" style="fill: none; stroke: #888a85; stroke-width: 1; stroke-opacity: 0.47; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_29"/><path d=" M 140.0000,148.0000 L 141.0000,148.0000" style="fill: none; stroke: #eeeeec; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_30"/><path d=" M 140.0000,136.8000 L 460.0000,136.8000" style="fill: none; stroke: #888a85; stroke-width: 1; stroke-opacity: 0.47; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_31"/><path d=" M 140.0000,137.3333 L 141.0000,137.3333" style="fill: none; stroke: #eeeeec; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_32"/><path d=" M 140.0000,127.2000 L 460.0000,127.2000" style="fill: none; stroke: #888a85; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_33"/><path d=" M 140.0000,126.6667 L 143.0000,126.6667" style="fill: none; stroke: #eeeeec; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_34"/><path d=" M 140.0000,116.0000 L 460.0000,116.0000" style="fill: none; stroke: #888a85; stroke-width: 1; stroke-opacity: 0.47; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_36"/><path d=" M 140.0000,116.0000 L 141.0000,116.0000" style="fill: none; stroke: #eeeeec; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_37"/><path d=" M 140.0000,104.8000 L 460.0000,104.8000" style="fill: none; stroke: #888a85; stroke-width: 1; stroke-opacity: 0.47; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_38"/><path d=" M 140.0000,105.3333 L 141.0000,105.3333" style="fill: none; stroke: #eeeeec; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_39"/><path d=" M 140.0000,95.2000 L 460.0000,95.2000" style="fill: none; stroke: #888a85; stroke-width: 1; stroke-opacity: 0.47; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_40"/><path d=" M 140.0000,94.6667 L 141.0000,94.6667" style="fill: none; stroke: #eeeeec; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_41"/><path d=" M 140.0000,84.0000 L 460.0000,84.0000" style="fill: none; stroke: #888a85; stroke-width: 1; stroke-opacity: 0.47; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_42"/><path d=" M 140.0000,84.0000 L 141.0000,84.0000" style="fill: none; stroke: #eeeeec; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_43"/><path d=" M 140.0000,72.8000 L 460.0000,72.8000" style="fill: none; stroke: #888a85; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_44"/><path d=" M 140.0000,73.3333 L 143.0000,73.3333" style="fill: none; stroke: #eeeeec; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_45"/><path d=" M 140.0000,63.2000 L 460.0000,63.2000" style="fill: none; stroke: #888a85; stroke-width: 1; stroke-opacity: 0.47; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_47"/><path d=" M 140.0000,62.6667 L 141.0000,62.6667" style="fill: none; stroke: #eeeeec; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_48"/><path d=" M 140.0000,52.0000 L 460.0000,52.0000" style="fill: none; stroke: #888a85; stroke-width: 1; stroke-opacity: 0.47; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_49"/><path d=" M 140.0000,52.0000 L 141.0000,52.0000" style="fill: none; stroke: #eeeeec; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_50"/><path d=" M 140.0000,40.8000 L 460.0000,40.8000" style="fill: none; stroke: #888a85; stroke-width: 1; stroke-opacity: 0.47; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_51"/><path d=" M 140.0000,41.3333 L 141.0000,41.3333" style="fill: none; stroke: #eeeeec; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_52"/><path d=" M 140.0000,31.2000 L 460.0000,31.2000" style="fill: none; stroke: #888a85; stroke-width: 1; stroke-opacity: 0.47; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_53"/><path d=" M 140.0000,30.6667 L 141.0000,30.6667" style="fill: none; stroke: #eeeeec; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_54"/><path d=" M 140.0000,20.0000 L 460.0000,20.0000" style="fill: none; stroke: #888a85; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_55"/><path d=" M 140.0000,20.0000 L 143.0000,20.0000" style="fill: none; stroke: #eeeeec; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_56"/><path d=" M 140.0000,130.0800 L 140.0000,130.0800" style="fill: none; stroke: #729fcf; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_58"/><path d=" M 140.0000,180.0000 L 140.0000,130.0800 L 220.0000,175.5200 L 220.0000,180.0000 L 140.0000,180.0000 z " style="fill: #729fcf; fill-opacity: 0.22; stroke: none;" id="ezcGraphPolygon_59"/><path d=" M 140.0000,130.0800 L 220.0000,175.5200" style="fill: none; stroke: #729fcf; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_60"/><path d=" M 220.0000,180.0000 L 220.0000,175.5200 L 300.0000,110.8800 L 300.0000,180.0000 L 220.0000,180.0000 z " style="fill: #729fcf; fill-opacity: 0.22; stroke: none;" id="ezcGraphPolygon_61"/><path d=" M 220.0000,175.5200 L 300.0000,110.8800" style="fill: none; stroke: #729fcf; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_62"/><path d=" M 300.0000,180.0000 L 300.0000,110.8800 L 380.0000,154.4000 L 380.0000,180.0000 L 300.0000,180.0000 z " style="fill: #729fcf; fill-opacity: 0.22; stroke: none;" id="ezcGraphPolygon_63"/><path d=" M 300.0000,110.8800 L 380.0000,154.4000" style="fill: none; stroke: #729fcf; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_64"/><path d=" M 380.0000,180.0000 L 380.0000,154.4000 L 460.0000,179.7867 L 460.0000,180.0000 L 380.0000,180.0000 z " style="fill: #729fcf; fill-opacity: 0.22; stroke: none;" id="ezcGraphPolygon_65"/><path d=" M 380.0000,154.4000 L 460.0000,179.7867" style="fill: none; stroke: #729fcf; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_66"/><path d=" M 140.0000,64.1600 L 140.0000,64.1600" style="fill: none; stroke: #ef2929; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_67"/><path d=" M 140.0000,180.0000 L 140.0000,64.1600 L 220.0000,130.0800 L 220.0000,180.0000 L 140.0000,180.0000 z " style="fill: #ef2929; fill-opacity: 0.22; stroke: none;" id="ezcGraphPolygon_68"/><path d=" M 140.0000,64.1600 L 220.0000,130.0800" style="fill: none; stroke: #ef2929; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_69"/><path d=" M 220.0000,180.0000 L 220.0000,130.0800 L 300.0000,116.4267 L 300.0000,180.0000 L 220.0000,180.0000 z " style="fill: #ef2929; fill-opacity: 0.22; stroke: none;" id="ezcGraphPolygon_70"/><path d=" M 220.0000,130.0800 L 300.0000,116.4267" style="fill: none; stroke: #ef2929; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_71"/><path d=" M 300.0000,180.0000 L 300.0000,116.4267 L 380.0000,178.9333 L 380.0000,180.0000 L 300.0000,180.0000 z " style="fill: #ef2929; fill-opacity: 0.22; stroke: none;" id="ezcGraphPolygon_72"/><path d=" M 300.0000,116.4267 L 380.0000,178.9333" style="fill: none; stroke: #ef2929; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_73"/><path d=" M 380.0000,180.0000 L 380.0000,178.9333 L 460.0000,49.2267 L 460.0000,180.0000 L 380.0000,180.0000 z " style="fill: #ef2929; fill-opacity: 0.22; stroke: none;" id="ezcGraphPolygon_74"/><path d=" M 380.0000,178.9333 L 460.0000,49.2267" style="fill: none; stroke: #ef2929; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_75"/><ellipse cx="140" cy="130.08" rx="3" ry="3" style="fill: #729fcf; fill-opacity: 1.00; stroke: none; cursor: pointer;" id="ezcGraphCircle_76" onclick="top.location = 'http://example.org/line_1'"/><ellipse cx="220" cy="175.52" rx="3" ry="3" style="fill: #729fcf; fill-opacity: 1.00; stroke: none; cursor: pointer;" id="ezcGraphCircle_77" onclick="top.location = 'http://example.org/line_1'"/><ellipse cx="300" cy="110.88" rx="3" ry="3" style="fill: #729fcf; fill-opacity: 1.00; stroke: none; cursor: pointer;" id="ezcGraphCircle_78" onclick="top.location = 'http://example.org/line_1'"/><ellipse cx="380" cy="154.4" rx="3" ry="3" style="fill: #729fcf; fill-opacity: 1.00; stroke: none; cursor: pointer;" id="ezcGraphCircle_79" onclick="top.location = 'http://example.org/line_1'"/><ellipse cx="460" cy="179.7867" rx="3" ry="3" style="fill: #729fcf; fill-opacity: 1.00; stroke: none; cursor: pointer;" id="ezcGraphCircle_80" onclick="top.location = 'http://example.org/line_1'"/><ellipse cx="140" cy="64.16" rx="3" ry="3" style="fill: #ef2929; fill-opacity: 1.00; stroke: none;" id="ezcGraphCircle_81"/><ellipse cx="220" cy="130.08" rx="3" ry="3" style="fill: #ef2929; fill-opacity: 1.00; stroke: none;" id="ezcGraphCircle_82"/><ellipse cx="300" cy="116.4267" rx="3" ry="3" style="fill: #ef2929; fill-opacity: 1.00; stroke: none; cursor: pointer;" id="ezcGraphCircle_83" onclick="top.location = 'http://example.org/line_2/sample_3'"/><ellipse cx="380" cy="178.9333" rx="3" ry="3" style="fill: #ef2929; fill-opacity: 1.00; stroke: none;" id="ezcGraphCircle_84"/><ellipse cx="460" cy="49.2267" rx="3" ry="3" style="fill: #ef2929; fill-opacity: 1.00; stroke: none;" id="ezcGraphCircle_85"/><g id="ezcGraphTextBox_5" style=" cursor: pointer;" onclick="top.location = 'http://example.org/line_1'"><path d=" M 18.5000,19.0000 L 18.5000,3.5000 L 64.5200,3.5000 L 64.5200,19.0000 L 18.5000,19.0000 z " style="fill: #ffffff; fill-opacity: 0.00; stroke: none;" id="ezcGraphPolygon_86"/><text id="ezcGraphTextBox_5_text" x="19" text-length="44.52px" y="15.9" style="font-size: 14px; font-family: sans-serif; fill: #d3d7cf; fill-opacity: 1.00; stroke: none;">Line 1</text></g><g id="ezcGraphTextBox_7"><path d=" M 18.5000,37.0000 L 18.5000,21.5000 L 64.5200,21.5000 L 64.5200,37.0000 L 18.5000,37.0000 z " style="fill: #ffffff; fill-opacity: 0.00; stroke: none;" id="ezcGraphPolygon_87"/><text id="ezcGraphTextBox_7_text" x="19" text-length="44.52px" y="33.9" style="font-size: 14px; font-family: sans-serif; fill: #d3d7cf; fill-opacity: 1.00; stroke: none;">Line 2</text></g><g id="ezcGraphTextBox_14"><path d=" M 185.5800,199.0000 L 185.5800,181.5000 L 254.9200,181.5000 L 254.9200,199.0000 L 185.5800,199.0000 z " style="fill: #ffffff; fill-opacity: 0.00; stroke: none;" id="ezcGraphPolygon_88"/><text id="ezcGraphTextBox_14_text" x="186.08" text-length="67.84px" y="195.6" style="font-size: 16px; font-family: sans-serif; fill: #d3d7cf; fill-opacity: 1.00; stroke: none;">sample 2</text></g><g id="ezcGraphTextBox_17"><path d=" M 265.5800,199.0000 L 265.5800,181.5000 L 334.9200,181.5000 L 334.9200,199.0000 L 265.5800,199.0000 z " style="fill: #ffffff; fill-opacity: 0.00; stroke: none;" id="ezcGraphPolygon_89"/><text id="ezcGraphTextBox_17_text" x="266.08" text-length="67.84px" y="195.6" style="font-size: 16px; font-family: sans-serif; fill: #d3d7cf; fill-opacity: 1.00; stroke: none;">sample 3</text></g><g id="ezcGraphTextBox_20"><path d=" M 345.5800,199.0000 L 345.5800,181.5000 L 414.9200,181.5000 L 414.9200,199.0000 L 345.5800,199.0000 z " style="fill: #ffffff; fill-opacity: 0.00; stroke: none;" id="ezcGraphPolygon_90"/><text id="ezcGraphTextBox_20_text" x="346.08" text-length="67.84px" y="195.6" style="font-size: 16px; font-family: sans-serif; fill: #d3d7cf; fill-opacity: 1.00; stroke: none;">sample 4</text></g><g id="ezcGraphTextBox_23"><path d=" M 425.5800,199.0000 L 425.5800,181.5000 L 494.9200,181.5000 L 494.9200,199.0000 L 425.5800,199.0000 z " style="fill: #ffffff; fill-opacity: 0.00; stroke: none;" id="ezcGraphPolygon_91"/><text id="ezcGraphTextBox_23_text" x="426.08" text-length="67.84px" y="195.6" style="font-size: 16px; font-family: sans-serif; fill: #d3d7cf; fill-opacity: 1.00; stroke: none;">sample 5</text></g><g id="ezcGraphTextBox_24"><path d=" M 127.5800,179.0000 L 127.5800,161.5000 L 139.0000,161.5000 L 139.0000,179.0000 L 127.5800,179.0000 z " style="fill: #ffffff; fill-opacity: 0.00; stroke: none;" id="ezcGraphPolygon_92"/><text id="ezcGraphTextBox_24_text" x="128.08" text-length="9.92px" y="175.6" style="font-size: 16px; font-family: sans-serif; fill: #d3d7cf; fill-opacity: 1.00; stroke: none;">0</text></g><g id="ezcGraphTextBox_35"><path d=" M 107.7400,125.6667 L 107.7400,108.1667 L 139.0000,108.1667 L 139.0000,125.6667 L 107.7400,125.6667 z " style="fill: #ffffff; fill-opacity: 0.00; stroke: none;" id="ezcGraphPolygon_93"/><text id="ezcGraphTextBox_35_text" x="108.24" text-length="29.76px" y="122.2667" style="font-size: 16px; font-family: sans-serif; fill: #d3d7cf; fill-opacity: 1.00; stroke: none;">250</text></g><g id="ezcGraphTextBox_46"><path d=" M 107.7400,72.3333 L 107.7400,54.8333 L 139.0000,54.8333 L 139.0000,72.3333 L 107.7400,72.3333 z " style="fill: #ffffff; fill-opacity: 0.00; stroke: none;" id="ezcGraphPolygon_94"/><text id="ezcGraphTextBox_46_text" x="108.24" text-length="29.76px" y="68.9333" style="font-size: 16px; font-family: sans-serif; fill: #d3d7cf; fill-opacity: 1.00; stroke: none;">500</text></g><g id="ezcGraphTextBox_57"><path d=" M 107.7400,39.0000 L 107.7400,21.5000 L 139.0000,21.5000 L 139.0000,39.0000 L 107.7400,39.0000 z " style="fill: #ffffff; fill-opacity: 0.00; stroke: none;" id="ezcGraphPolygon_95"/><text id="ezcGraphTextBox_57_text" x="108.24" text-length="29.76px" y="35.6" style="font-size: 16px; font-family: sans-serif; fill: #d3d7cf; fill-opacity: 1.00; stroke: none;">750</text></g></g></svg> diff --git a/tests/data/compare/ezcGraphToolsTest_testPieChartImageMap.html b/tests/data/compare/ezcGraphToolsTest_testPieChartImageMap.html new file mode 100644 index 0000000..6c1981e --- /dev/null +++ b/tests/data/compare/ezcGraphToolsTest_testPieChartImageMap.html @@ -0,0 +1,22 @@ +<map name="ezcGraphImageMap"> + <area shape="poly" coords="2,2,16,2,16,16,2,16" href="http://example.org/browsers/mozilla" alt="Mozilla" /> + <area shape="poly" coords="17,2,98,2,98,16,17,16" href="http://example.org/browsers/mozilla" alt="Mozilla" /> + <area shape="poly" coords="2,20,16,20,16,34,2,34" href="http://example.org/browsers" alt="IE" /> + <area shape="poly" coords="17,20,98,20,98,34,17,34" href="http://example.org/browsers" alt="IE" /> + <area shape="poly" coords="2,38,16,38,16,52,2,52" href="http://example.org/browsers" alt="Opera" /> + <area shape="poly" coords="17,38,98,38,98,52,17,52" href="http://example.org/browsers" alt="Opera" /> + <area shape="poly" coords="2,56,16,56,16,70,2,70" href="http://example.org/browsers" alt="wget" /> + <area shape="poly" coords="17,56,98,56,98,70,17,70" href="http://example.org/browsers" alt="wget" /> + <area shape="poly" coords="2,74,16,74,16,88,2,88" href="http://example.org/browsers" alt="Safari" /> + <area shape="poly" coords="17,74,98,74,98,88,17,88" href="http://example.org/browsers" alt="Safari" /> + <area shape="poly" coords="300,100,390,100,388,115,384,130,377,145,368,157,357,168,345,177,330,184,315,188,300,190,284,188,269,184,255,177,242,168,231,157,222,145,215,130,211,115,210,100,211,84,215,69,222,55,231,42,231,41" href="http://example.org/browsers/mozilla" alt="Mozilla" /> + <area shape="poly" coords="100,180,244,180,244,200,100,200" href="http://example.org/browsers/mozilla" alt="Mozilla" /> + <area shape="poly" coords="300,100,231,41,242,30,252,23" href="http://example.org/browsers" alt="IE" /> + <area shape="poly" coords="100,20,216,20,216,40,100,40" href="http://example.org/browsers" alt="IE" /> + <area shape="poly" coords="299,90,251,13,265,6,280,1,296,0,312,0,327,4,341,10,342,10" href="http://example.org/browsers" alt="Opera" /> + <area shape="poly" coords="100,0,244,0,244,20,100,20" href="http://example.org/browsers" alt="Opera" /> + <area shape="poly" coords="300,100,343,20,356,29,358,31" href="http://example.org/browsers" alt="wget" /> + <area shape="poly" coords="367,7,500,7,500,27,367,27" href="http://example.org/browsers" alt="wget" /> + <area shape="poly" coords="300,100,358,31,369,42,378,55,384,69,388,84,390,99" href="http://example.org/browsers" alt="Safari" /> + <area shape="poly" coords="402,47,500,47,500,67,402,67" href="http://example.org/browsers" alt="Safari" /> +</map> diff --git a/tests/data/compare/ezcGraphToolsTest_testPieChartImageMapCustomName.html b/tests/data/compare/ezcGraphToolsTest_testPieChartImageMapCustomName.html new file mode 100644 index 0000000..555443b --- /dev/null +++ b/tests/data/compare/ezcGraphToolsTest_testPieChartImageMapCustomName.html @@ -0,0 +1,22 @@ +<map name="CustomImageMapName"> + <area shape="poly" coords="2,2,16,2,16,16,2,16" href="http://example.org/browsers/mozilla" alt="Mozilla" /> + <area shape="poly" coords="17,2,98,2,98,16,17,16" href="http://example.org/browsers/mozilla" alt="Mozilla" /> + <area shape="poly" coords="2,20,16,20,16,34,2,34" href="http://example.org/browsers" alt="IE" /> + <area shape="poly" coords="17,20,98,20,98,34,17,34" href="http://example.org/browsers" alt="IE" /> + <area shape="poly" coords="2,38,16,38,16,52,2,52" href="http://example.org/browsers" alt="Opera" /> + <area shape="poly" coords="17,38,98,38,98,52,17,52" href="http://example.org/browsers" alt="Opera" /> + <area shape="poly" coords="2,56,16,56,16,70,2,70" href="http://example.org/browsers" alt="wget" /> + <area shape="poly" coords="17,56,98,56,98,70,17,70" href="http://example.org/browsers" alt="wget" /> + <area shape="poly" coords="2,74,16,74,16,88,2,88" href="http://example.org/browsers" alt="Safari" /> + <area shape="poly" coords="17,74,98,74,98,88,17,88" href="http://example.org/browsers" alt="Safari" /> + <area shape="poly" coords="300,100,390,100,388,115,384,130,377,145,368,157,357,168,345,177,330,184,315,188,300,190,284,188,269,184,255,177,242,168,231,157,222,145,215,130,211,115,210,100,211,84,215,69,222,55,231,42,231,41" href="http://example.org/browsers/mozilla" alt="Mozilla" /> + <area shape="poly" coords="100,180,244,180,244,200,100,200" href="http://example.org/browsers/mozilla" alt="Mozilla" /> + <area shape="poly" coords="300,100,231,41,242,30,252,23" href="http://example.org/browsers" alt="IE" /> + <area shape="poly" coords="100,20,216,20,216,40,100,40" href="http://example.org/browsers" alt="IE" /> + <area shape="poly" coords="299,90,251,13,265,6,280,1,296,0,312,0,327,4,341,10,342,10" href="http://example.org/browsers" alt="Opera" /> + <area shape="poly" coords="100,0,244,0,244,20,100,20" href="http://example.org/browsers" alt="Opera" /> + <area shape="poly" coords="300,100,343,20,356,29,358,31" href="http://example.org/browsers" alt="wget" /> + <area shape="poly" coords="367,7,500,7,500,27,367,27" href="http://example.org/browsers" alt="wget" /> + <area shape="poly" coords="300,100,358,31,369,42,378,55,384,69,388,84,390,99" href="http://example.org/browsers" alt="Safari" /> + <area shape="poly" coords="402,47,500,47,500,67,402,67" href="http://example.org/browsers" alt="Safari" /> +</map> diff --git a/tests/data/compare/ezcGraphToolsTest_testPieChartSvgLinking.svg b/tests/data/compare/ezcGraphToolsTest_testPieChartSvgLinking.svg new file mode 100644 index 0000000..660e9c0 --- /dev/null +++ b/tests/data/compare/ezcGraphToolsTest_testPieChartSvgLinking.svg @@ -0,0 +1,2 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" width="500" height="200" version="1.0" id="ezcGraph"><defs/><g id="ezcGraphChart" color-rendering="optimizeQuality" shape-rendering="geometricPrecision" text-rendering="optimizeLegibility"><path d=" M 0.0000,200.0000 L 0.0000,0.0000 L 500.0000,0.0000 L 500.0000,200.0000 L 0.0000,200.0000 z " style="fill: #eeeeec; fill-opacity: 1.00; stroke: none;" id="ezcGraphPolygon_1"/><path d=" M 0.0000,200.0000 L 0.0000,0.0000 L 100.0000,0.0000 L 100.0000,200.0000 L 0.0000,200.0000 z " style="fill: #000000; fill-opacity: 0.00; stroke: none;" id="ezcGraphPolygon_2"/><path d=" M 2.0000,16.0000 L 2.0000,2.0000 L 16.0000,2.0000 L 16.0000,16.0000 L 2.0000,16.0000 z " style="fill: #4e9a06; fill-opacity: 1.00; stroke: none; cursor: pointer;" id="ezcGraphPolygon_3" onclick="top.location = 'http://example.org/browsers/mozilla'"/><path d=" M 2.0000,34.0000 L 2.0000,20.0000 L 16.0000,20.0000 L 16.0000,34.0000 L 2.0000,34.0000 z " style="fill: #cc0000; fill-opacity: 1.00; stroke: none; cursor: pointer;" id="ezcGraphPolygon_5" onclick="top.location = 'http://example.org/browsers'"/><path d=" M 2.0000,52.0000 L 2.0000,38.0000 L 16.0000,38.0000 L 16.0000,52.0000 L 2.0000,52.0000 z " style="fill: #edd400; fill-opacity: 1.00; stroke: none; cursor: pointer;" id="ezcGraphPolygon_7" onclick="top.location = 'http://example.org/browsers'"/><path d=" M 2.0000,70.0000 L 2.0000,56.0000 L 16.0000,56.0000 L 16.0000,70.0000 L 2.0000,70.0000 z " style="fill: #75505b; fill-opacity: 1.00; stroke: none; cursor: pointer;" id="ezcGraphPolygon_9" onclick="top.location = 'http://example.org/browsers'"/><path d=" M 2.0000,88.0000 L 2.0000,74.0000 L 16.0000,74.0000 L 16.0000,88.0000 L 2.0000,88.0000 z " style="fill: #f57900; fill-opacity: 1.00; stroke: none; cursor: pointer;" id="ezcGraphPolygon_11" onclick="top.location = 'http://example.org/browsers'"/><path d="M 300.00,100.00 L 390.00,100.00 A 90.00,90.00 0 1,1 231.59,41.52 z" style="fill: #4e9a06; fill-opacity: 1.00; stroke: none; cursor: pointer;" id="ezcGraphCircleSector_13" onclick="top.location = 'http://example.org/browsers/mozilla'"/><path d="M 299.82,100.50 L 389.50,100.50 A 89.50,89.50 0 1,1 231.65,42.22 z" style="fill: none; stroke: #274d03; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphCircleSector_14"/><path d="M 300.00,100.00 L 231.59,41.52 A 90.00,90.00 0 0,1 252.20,23.75 z" style="fill: #cc0000; fill-opacity: 1.00; stroke: none; cursor: pointer;" id="ezcGraphCircleSector_15" onclick="top.location = 'http://example.org/browsers'"/><path d="M 297.84,97.50 L 232.30,41.46 A 89.50,89.50 0 0,1 252.04,24.43 z" style="fill: none; stroke: #660000; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphCircleSector_16"/><path d="M 299.70,90.00 L 251.89,13.75 A 90.00,90.00 0 0,1 342.79,10.99 z" style="fill: #edd400; fill-opacity: 1.00; stroke: none; cursor: pointer;" id="ezcGraphCircleSector_17" onclick="top.location = 'http://example.org/browsers'"/><path d="M 299.67,89.02 L 252.58,13.91 A 89.50,89.50 0 0,1 342.11,11.19 z" style="fill: none; stroke: #776a00; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphCircleSector_18"/><path d="M 300.00,100.00 L 343.09,20.99 A 90.00,90.00 0 0,1 358.15,31.31 z" style="fill: #75505b; fill-opacity: 1.00; stroke: none; cursor: pointer;" id="ezcGraphCircleSector_19" onclick="top.location = 'http://example.org/browsers'"/><path d="M 302.79,95.93 L 343.29,21.66 A 89.50,89.50 0 0,1 357.45,31.37 z" style="fill: none; stroke: #3b282e; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphCircleSector_20"/><path d="M 300.00,100.00 L 358.15,31.31 A 90.00,90.00 0 0,1 390.00,100.00 z" style="fill: #f57900; fill-opacity: 1.00; stroke: none; cursor: pointer;" id="ezcGraphCircleSector_21" onclick="top.location = 'http://example.org/browsers'"/><path d="M 301.08,99.50 L 358.21,32.01 A 89.50,89.50 0 0,1 389.50,99.50 z" style="fill: none; stroke: #7b3d00; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphCircleSector_22"/><path d=" M 297.6734,23.3686 L 250.4110,10.0000" style="fill: none; stroke: #000000; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_23"/><ellipse cx="297.6734" cy="23.3686" rx="3" ry="3" style="fill: #000000; fill-opacity: 1.00; stroke: none;" id="ezcGraphCircle_24"/><ellipse cx="250.411" cy="10" rx="3" ry="3" style="fill: #000000; fill-opacity: 1.00; stroke: none;" id="ezcGraphCircle_25"/><path d=" M 256.4576,49.5173 L 222.5857,30.0000" style="fill: none; stroke: #000000; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_27"/><ellipse cx="256.4576" cy="49.5173" rx="3" ry="3" style="fill: #000000; fill-opacity: 1.00; stroke: none;" id="ezcGraphCircle_28"/><ellipse cx="222.5857" cy="30" rx="3" ry="3" style="fill: #000000; fill-opacity: 1.00; stroke: none;" id="ezcGraphCircle_29"/><path d=" M 276.9111,162.5408 L 250.4110,190.0000" style="fill: none; stroke: #000000; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_31"/><ellipse cx="276.9111" cy="162.5408" rx="3" ry="3" style="fill: #000000; fill-opacity: 1.00; stroke: none;" id="ezcGraphCircle_32"/><ellipse cx="250.411" cy="190" rx="3" ry="3" style="fill: #000000; fill-opacity: 1.00; stroke: none;" id="ezcGraphCircle_33"/><path d=" M 337.6907,45.0104 L 361.7763,17.0000" style="fill: none; stroke: #000000; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_35"/><ellipse cx="337.6907" cy="45.0104" rx="3" ry="3" style="fill: #000000; fill-opacity: 1.00; stroke: none;" id="ezcGraphCircle_36"/><ellipse cx="361.7763" cy="17" rx="3" ry="3" style="fill: #000000; fill-opacity: 1.00; stroke: none;" id="ezcGraphCircle_37"/><path d=" M 360.4817,71.9569 L 396.2829,57.0000" style="fill: none; stroke: #000000; stroke-width: 1; stroke-opacity: 1.00; stroke-linecap: round; stroke-linejoin: round;" id="ezcGraphLine_39"/><ellipse cx="360.4817" cy="71.9569" rx="3" ry="3" style="fill: #000000; fill-opacity: 1.00; stroke: none;" id="ezcGraphCircle_40"/><ellipse cx="396.2829" cy="57" rx="3" ry="3" style="fill: #000000; fill-opacity: 1.00; stroke: none;" id="ezcGraphCircle_41"/><g id="ezcGraphTextBox_4" style=" cursor: pointer;" onclick="top.location = 'http://example.org/browsers/mozilla'"><path d=" M 16.5000,17.0000 L 16.5000,1.5000 L 69.9400,1.5000 L 69.9400,17.0000 L 16.5000,17.0000 z " style="fill: #ffffff; fill-opacity: 0.00; stroke: none;" id="ezcGraphPolygon_43"/><text id="ezcGraphTextBox_4_text" x="17" text-length="51.94px" y="13.9" style="font-size: 14px; font-family: sans-serif; fill: #2e3436; fill-opacity: 1.00; stroke: none;">Mozilla</text></g><g id="ezcGraphTextBox_6" style=" cursor: pointer;" onclick="top.location = 'http://example.org/browsers'"><path d=" M 16.5000,35.0000 L 16.5000,19.5000 L 32.8400,19.5000 L 32.8400,35.0000 L 16.5000,35.0000 z " style="fill: #ffffff; fill-opacity: 0.00; stroke: none;" id="ezcGraphPolygon_44"/><text id="ezcGraphTextBox_6_text" x="17" text-length="14.84px" y="31.9" style="font-size: 14px; font-family: sans-serif; fill: #2e3436; fill-opacity: 1.00; stroke: none;">IE</text></g><g id="ezcGraphTextBox_8" style=" cursor: pointer;" onclick="top.location = 'http://example.org/browsers'"><path d=" M 16.5000,53.0000 L 16.5000,37.5000 L 55.1000,37.5000 L 55.1000,53.0000 L 16.5000,53.0000 z " style="fill: #ffffff; fill-opacity: 0.00; stroke: none;" id="ezcGraphPolygon_45"/><text id="ezcGraphTextBox_8_text" x="17" text-length="37.1px" y="49.9" style="font-size: 14px; font-family: sans-serif; fill: #2e3436; fill-opacity: 1.00; stroke: none;">Opera</text></g><g id="ezcGraphTextBox_10" style=" cursor: pointer;" onclick="top.location = 'http://example.org/browsers'"><path d=" M 16.5000,71.0000 L 16.5000,55.5000 L 47.6800,55.5000 L 47.6800,71.0000 L 16.5000,71.0000 z " style="fill: #ffffff; fill-opacity: 0.00; stroke: none;" id="ezcGraphPolygon_46"/><text id="ezcGraphTextBox_10_text" x="17" text-length="29.68px" y="67.9" style="font-size: 14px; font-family: sans-serif; fill: #2e3436; fill-opacity: 1.00; stroke: none;">wget</text></g><g id="ezcGraphTextBox_12" style=" cursor: pointer;" onclick="top.location = 'http://example.org/browsers'"><path d=" M 16.5000,89.0000 L 16.5000,73.5000 L 62.5200,73.5000 L 62.5200,89.0000 L 16.5000,89.0000 z " style="fill: #ffffff; fill-opacity: 0.00; stroke: none;" id="ezcGraphPolygon_47"/><text id="ezcGraphTextBox_12_text" x="17" text-length="44.52px" y="85.9" style="font-size: 14px; font-family: sans-serif; fill: #2e3436; fill-opacity: 1.00; stroke: none;">Safari</text></g><g id="ezcGraphTextBox_26" style=" cursor: pointer;" onclick="top.location = 'http://example.org/browsers'"><path d=" M 153.2810,15.5000 L 153.2810,5.0000 L 245.4110,5.0000 L 245.4110,15.5000 L 153.2810,15.5000 z " style="fill: #ffffff; fill-opacity: 0.00; stroke: none;" id="ezcGraphPolygon_48"/><text id="ezcGraphTextBox_26_text" x="153.781" text-length="90.63px" y="13.15" style="font-size: 9px; font-family: sans-serif; fill: #2e3436; fill-opacity: 1.00; stroke: none;">Opera: 1204 (16.9%)</text></g><g id="ezcGraphTextBox_30" style=" cursor: pointer;" onclick="top.location = 'http://example.org/browsers'"><path d=" M 149.3057,35.5000 L 149.3057,25.0000 L 217.5857,25.0000 L 217.5857,35.5000 L 149.3057,35.5000 z " style="fill: #ffffff; fill-opacity: 0.00; stroke: none;" id="ezcGraphPolygon_49"/><text id="ezcGraphTextBox_30_text" x="149.8057" text-length="66.78px" y="33.15" style="font-size: 9px; font-family: sans-serif; fill: #2e3436; fill-opacity: 1.00; stroke: none;">IE: 345 (4.8%)</text></g><g id="ezcGraphTextBox_34" style=" cursor: pointer;" onclick="top.location = 'http://example.org/browsers/mozilla'"><path d=" M 143.7410,195.5000 L 143.7410,185.0000 L 245.4110,185.0000 L 245.4110,195.5000 L 143.7410,195.5000 z " style="fill: #ffffff; fill-opacity: 0.00; stroke: none;" id="ezcGraphPolygon_50"/><text id="ezcGraphTextBox_34_text" x="144.241" text-length="100.17px" y="193.15" style="font-size: 9px; font-family: sans-serif; fill: #2e3436; fill-opacity: 1.00; stroke: none;">Mozilla: 4375 (61.3%)</text></g><g id="ezcGraphTextBox_38" style=" cursor: pointer;" onclick="top.location = 'http://example.org/browsers'"><path d=" M 367.2763,22.5000 L 367.2763,12.0000 L 445.0963,12.0000 L 445.0963,22.5000 L 367.2763,22.5000 z " style="fill: #ffffff; fill-opacity: 0.00; stroke: none;" id="ezcGraphPolygon_51"/><text id="ezcGraphTextBox_38_text" x="367.7763" text-length="76.32px" y="20.15" style="font-size: 9px; font-family: sans-serif; fill: #2e3436; fill-opacity: 1.00; stroke: none;">wget: 231 (3.2%)</text></g><g id="ezcGraphTextBox_42" style=" cursor: pointer;" onclick="top.location = 'http://example.org/browsers'"><path d=" M 401.7829,62.5000 L 401.7829,52.0000 L 493.9129,52.0000 L 493.9129,62.5000 L 401.7829,62.5000 z " style="fill: #ffffff; fill-opacity: 0.00; stroke: none;" id="ezcGraphPolygon_52"/><text id="ezcGraphTextBox_42_text" x="402.2829" text-length="90.63px" y="60.15" style="font-size: 9px; font-family: sans-serif; fill: #2e3436; fill-opacity: 1.00; stroke: none;">Safari: 987 (13.8%)</text></g></g></svg> |
