Hi,
Is there any tag for scroll down an svg image. I am not able view the
entire image which is generated for my svg. Here i am attached test.svg
file. Any suggestion appriciated.
Thank you,
rajeshB
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20000303 Stylable//EN" "http://www.w3.org/TR/2000/03/WD-SVG-20000303/DTD/svg-20000303-stylable.dtd";>
<svg width="600.0" height="800.0" >
<script>
<![CDATA[
function BrowserClass()
{
var b = navigator.appName;
if(b=="Netscape") this.b = "ns";
else if (b=="Microsoft Internet Explorer") this.b = "ie";
else this.b = b;
this.version = navigator.appVersion;
this.v = parseInt(this.version);
this.ns = (this.b=="ns" && this.v>=4);
this.ns4 = (this.b=="ns" && this.v==4);
this.ns5 = (this.b=="ns" && this.v==5);
this.ie = (this.b=="ie" && this.v>=4);
this.ie4 = (this.version.indexOf('MSIE 4')>0);
this.ie5 = (this.version.indexOf('MSIE 5')>0);
this.ie6 = (this.version.indexOf('MSIE 6')>0);
this.min = (this.ns||this.ie);
}
var myBrowser = new BrowserClass();
]]></script>
<script>
<![CDATA[
function ToolTip()
{
this.ToolTipShow=ToolTipShow;
this.ToolTipHide=ToolTipHide;
}
function ToolTipShow(DispString, evt)
{
if(DispString == "")
{
return;
}
var spaces = true;
for(var i = 0; i < DispString.length; i++)
{
if(DispString.charAt(i) != ' ' && DispString.charAt(i) != '\n')
{
spaces = false;
}
}
if(spaces)
{
return;
}
var svgDoc = evt.getTarget().getOwnerDocument();
var svgRoot = svgDoc.getDocumentElement();
var svgobjgroup = svgDoc.getElementById("ToolTipGroup");
var svgobjrect = svgDoc.getElementById("TtRect");
var svgobjtext = svgDoc.getElementById("TtText");
if(svgobjgroup==null)
{
svgobjgroup= svgDoc.createElement("g");
svgobjgroup.setAttribute("id", "ToolTipGroup");
}
if(svgobjrect==null)
{
svgobjrect= svgDoc.createElement("rect");
svgobjrect.setAttribute("id", "TtRect");
}
if(svgobjtext==null)
{
svgobjtext= svgDoc.createElement("text");
svgobjtext.setAttribute("id", "TtText");
}
else
{
svgobjgroup.removeChild(svgobjtext);
svgobjtext= svgDoc.createElement("text");
svgobjtext.setAttribute("id", "TtText");
}
var viewbox=svgRoot.getAttribute("viewBox");
if(this.StartX == this.EndX && this.StartY == this.EndY)
{
this.EndX=svgRoot.getAttribute("width");
this.EndY=svgRoot.getAttribute("height");
}
if(viewbox!=null)
{
if(viewbox.length!=0)
{
var x1index=viewbox.indexOf(" ");
var x1=viewbox.substring(0,x1index);
viewbox=viewbox.substring(x1index+1,viewbox.length);
var y1index=viewbox.indexOf(" ");
var y1=viewbox.substring(0,y1index);
viewbox=viewbox.substring(y1index+1,viewbox.length);
var x2index=viewbox.indexOf(" ");
var x2=viewbox.substring(0,x2index);
viewbox=viewbox.substring(x2index+1,viewbox.length);
var y2=viewbox;
this.RatioX=(x2-x1)/(this.EndX-this.StartX);
this.RatioY=(y2-y1)/(this.EndY-this.StartY);
this.EndX=x2;
this.EndY=y2;
}
}
var childs = svgobjtext.getChildNodes();
for (var i=0; i<childs.getLength(); i++)
{
svgobjtext.removeChild(childs.item(i));
}
var svgstylerect = svgobjrect.getStyle();
var svgstyletext = svgobjtext.getStyle();
svgobjtext.setAttribute ("x", 0);
svgobjtext.setAttribute ("y", this.FontBase);
svgstyletext.setProperty("fill",this.FontColor);
svgstyletext.setProperty("font-family",this.FontType);
svgstyletext.setProperty("font-size",this.FontSize);
var ToolTipWidth=0;
var dataArr = DispString.split("\n");
for(var i=0; i < dataArr.length; i++)
{
var data = svgDoc.createTextNode(dataArr[i]);
var svgobjtspan = svgDoc.createElement("tspan");
svgobjtspan.setAttribute("x", 0);
if(i>0)
{
svgobjtspan.setAttribute("dy", this.FontBase);
}
svgobjtspan.appendChild(data);
svgobjtext.appendChild(svgobjtspan);
tempToolTipWidth=svgobjtspan.getComputedTextLength()+6;
if(tempToolTipWidth > ToolTipWidth)
{
ToolTipWidth = tempToolTipWidth;
}
}
svgobjtext.appendChild(data);
svgobjrect.setAttribute ("x", 0);
svgobjrect.setAttribute ("y", 0);
svgobjrect.setAttribute ("width", (ToolTipWidth));
if(dataArr.length > 1)
{
this.RectHeight = ((this.FontBase * dataArr.length) + (this.FontSize * 0.3));
}
else
{
this.RectHeight=this.FontSize * 2;
}
svgobjrect.setAttribute ("height", this.RectHeight);
svgstylerect.setProperty("fill",this.BackGroundColor);
svgstylerect.setProperty("fill-opacity",1.0);
svgstylerect.setProperty("stroke",this.BorderColor);
svgstylerect.setProperty("stroke-width",0.5);
svgobjgroup.setAttribute("visibility", "visible");
var XValue=(evt.getClientX())*this.RatioX;
var YValue=(evt.getClientY())*this.RatioY;
var Gap=5;
var TempX=XValue+Gap;
var TempY=YValue-(this.RectHeight)-Gap;
var Fringe1=(TempX+ToolTipWidth)-(this.EndX);
var Fringe2=(TempY)-(this.StartY);
if(Fringe1>0)
{
TempX=XValue-ToolTipWidth-Gap;
}
if(Fringe2<0)
{
TempY=YValue+Gap;
}
XValue=TempX;
YValue=TempY;
if(XValue < 0)
{
XValue = 3;
}
if(YValue < 0)
{
YValue = (evt.getClientY())*this.RatioY + 5;
}
svgobjrect.setAttribute("transform", "translate(" + (XValue) + " " + (YValue) + ")");
svgobjtext.setAttribute("transform", "translate(" + (XValue+3) + " " + (YValue) + ")");
svgobjgroup.appendChild(svgobjrect);
svgobjgroup.appendChild(svgobjtext);
svgRoot.appendChild(svgobjgroup);
return true;
}
function ToolTipHide(evt)
{
var svgDoc = evt.getTarget().getOwnerDocument();
var svgRoot = svgDoc.getDocumentElement();
var svgobjgroup = svgDoc.getElementById("ToolTipGroup");
if(svgobjgroup!=null)
{
svgobjgroup.setAttribute ("visibility", "hidden");
}
var svgobjtext = svgDoc.getElementById("TtText");
if(svgobjtext!=null)
{
var childs = svgobjtext.getChildNodes();
for (var i=0; i<childs.getLength(); i++)
{
svgobjtext.removeChild(childs.item(i));
}
}
return true;
}
function Opacity()
{
this.ChangeOpacity=ChangeOpacity;
this.ChangeOpacityBar=ChangeOpacityBar;
this.ChangeColor=ChangeColor;
this.ChangeOpacityAll=ChangeOpacityAll;
this.popUp=popUp;
this.popUp_Above=popUp_Above;
this.changeOpacityOfChildren=changeOpacityOfChildren;
this.showURL=showURL;
}
function ChangeOpacity(id,NewOpacity,evt)
{
var svgDoc = evt.getTarget().getOwnerDocument();
var svgobject=svgDoc.getElementById(id);
var svgstyle = svgobject.getStyle();
svgstyle.setProperty('fill-opacity',NewOpacity);
return true;
}
function ChangeOpacityBar(id,total,NewOpacity,evt)
{
var svgDoc = evt.getTarget().getOwnerDocument();
for(i=0;i<total;i++)
{
var element = id+i;
var svgobject=svgDoc.getElementById(element);
var svgstyle = svgobject.getStyle();
svgstyle.setProperty('fill-opacity',NewOpacity);
svgstyle.setProperty('stroke-opacity',NewOpacity);
}
return true;
}
function ChangeColor(id,Color,evt)
{
var svgDoc = evt.getTarget().getOwnerDocument();
var svgobject=svgDoc.getElementById(id);
var svgstyle = svgobject.getStyle();
svgstyle.setProperty('fill',Color);
return true;
}
function ChangeOpacityAll(id,delim,NewOpacity,evt)
{
return true;
}
function popUp(ChildId,evt)
{
var svgDoc = evt.getTarget().getOwnerDocument();
var Child=svgDoc.getElementById(ChildId);
var Parent=Child.getParentNode();
Parent.removeChild(Child);
Parent.appendChild(Child);
return true;
}
function popUp_Above(ChildId,evt)
{
var svgDoc = evt.getTarget().getOwnerDocument();
var Child=svgDoc.getElementById(ChildId);
var Parent=Child.getParentNode();
var Child=Parent;
var Parent=Child.getParentNode();
Parent.removeChild(Child);
Parent.appendChild(Child);
return true;
}
function changeOpacityOfChildren(parentId,opacity,evt)
{
var doc = evt.getTarget().getOwnerDocument();
var parent = doc.getElementById(parentId);
if(parent != null)
{
var numberOfChildren = parent.getChildNodes().getLength();
var child = parent.getFirstChild();
var count = 1;
while(count <= numberOfChildren)
{
if(child.getNodeName() != "#text")
{
var style = child.getStyle();
if(style != null)
{
style.setProperty('fill-opacity',opacity);
}
}
child = child.getNextSibling();
count++;
}
}
return true;
}
function showURL(url,evt)
{
if(this.windowProps == "")
{
if(myBrowser.ns)
{
var str = "screenx="+this.windowLeft+", screeny="+this.windowTop+",width="+this.windowWidth+",height="+this.windowHeight+"";
window.open(url, this.windowName, str);
}
else
{
var str = "left="+this.windowLeft+", top="+this.windowTop+",width="+this.windowWidth+",height="+this.windowHeight+"";
window.open(url, this.windowName, str);
}
}
else
{
window.open(url, this.windowName, this.windowProps);
}
return true;
}
function CrossBars()
{
this.CrossBarsMove=CrossBarsMove;
this.CrossBarsClick=CrossBarsClick;
}
function CrossBarsMove(evt)
{
if(this.appear == 'hidden')
{
return true;
}
var svgDoc = evt.getTarget().getOwnerDocument();
var svgRoot = svgDoc.getDocumentElement();
var svgobjhline1 = svgDoc.getElementById("HBar1");
var svgobjvline1 = svgDoc.getElementById("VBar1");
var svgobjhline2 = svgDoc.getElementById("HBar2");
var svgobjvline2 = svgDoc.getElementById("VBar2");
if(svgobjhline1==null && svgobjvline1==null && svgobjhline2==null && svgobjvline2==null)
{
return true;
}
var viewbox=svgRoot.getAttribute("viewBox");
this.RatioX=1;
this.RatioY=1;
if(viewbox!=null)
{
if(viewbox.length!=0)
{
var x1index=viewbox.indexOf(" ");
var x1=viewbox.substring(0,x1index);
viewbox=viewbox.substring(x1index+1,viewbox.length);
var y1index=viewbox.indexOf(" ");
var y1=viewbox.substring(0,y1index);
viewbox=viewbox.substring(y1index+1,viewbox.length);
var x2index=viewbox.indexOf(" ");
var x2=viewbox.substring(0,x2index);
viewbox=viewbox.substring(x2index+1,viewbox.length);
var y2=viewbox;
this.RatioX=(x2-x1)/(this.EndX-this.StartX);
this.RatioY=(y2-y1)/(this.EndY-this.StartY);
}
}
var XPos=(evt.getClientX())*this.RatioX;
var YPos=(evt.getClientY())*this.RatioY;
if(XPos < this.StartX || XPos > this.EndX || YPos < this.StartY || YPos > this.EndY)
{
return true;
}
svgobjhline1.setAttribute("x1", this.StartX);
svgobjhline1.setAttribute("y1", YPos);
svgobjhline1.setAttribute("x2", XPos-this.CrossBarGap);
svgobjhline1.setAttribute("y2", YPos);
svgobjhline2.setAttribute("x1", XPos+this.CrossBarGap);
svgobjhline2.setAttribute("y1", YPos);
svgobjhline2.setAttribute("x2", this.EndX);
svgobjhline2.setAttribute("y2", YPos);
svgobjvline1.setAttribute("x1", XPos);
svgobjvline1.setAttribute("y1", this.StartY);
svgobjvline1.setAttribute("x2", XPos);
svgobjvline1.setAttribute("y2", YPos-this.CrossBarGap);
svgobjvline2.setAttribute("x1", XPos);
svgobjvline2.setAttribute("y1", YPos+this.CrossBarGap);
svgobjvline2.setAttribute("x2", XPos);
svgobjvline2.setAttribute("y2", this.EndY);
return true;
}
function CrossBarsClick(evt)
{
var svgDoc = evt.getTarget().getOwnerDocument();
var svgRoot = svgDoc.getDocumentElement();
var svgobjhline1 = svgDoc.getElementById("HBar1");
var svgobjvline1 = svgDoc.getElementById("VBar1");
var svgobjhline2 = svgDoc.getElementById("HBar2");
var svgobjvline2 = svgDoc.getElementById("VBar2");
if(svgobjhline1==null && svgobjvline1==null && svgobjhline2==null && svgobjvline2==null)
{
svgobjhline1= svgDoc.createElement("line");
svgobjvline1= svgDoc.createElement("line");
svgobjhline2= svgDoc.createElement("line");
svgobjvline2= svgDoc.createElement("line");
svgobjhline1.setAttribute("id","HBar1");
svgobjvline1.setAttribute("id","VBar1");
svgobjhline2.setAttribute("id","HBar2");
svgobjvline2.setAttribute("id","VBar2");
svgobjhline1.addEventListener("mousemove", this.CrossBarsMove, false);
svgobjvline1.addEventListener("mousemove", this.CrossBarsMove, false);
svgobjhline2.addEventListener("mousemove", this.CrossBarsMove, false);
svgobjvline2.addEventListener("mousemove", this.CrossBarsMove, false);
svgobjhline1.addEventListener("click", this.CrossBarsClick, false);
svgobjvline1.addEventListener("click", this.CrossBarsClick, false);
svgobjhline2.addEventListener("click", this.CrossBarsClick, false);
svgobjvline2.addEventListener("click", this.CrossBarsClick, false);
svgRoot.appendChild(svgobjhline1);
svgRoot.appendChild(svgobjvline1);
svgRoot.appendChild(svgobjhline2);
svgRoot.appendChild(svgobjvline2);
}
var viewbox=svgRoot.getAttribute("viewBox");
if(viewbox!=null)
{
if(viewbox.length!=0)
{
var x1index=viewbox.indexOf(" ");
var x1=viewbox.substring(0,x1index);
viewbox=viewbox.substring(x1index+1,viewbox.length);
var y1index=viewbox.indexOf(" ");
var y1=viewbox.substring(0,y1index);
viewbox=viewbox.substring(y1index+1,viewbox.length);
var x2index=viewbox.indexOf(" ");
var x2=viewbox.substring(0,x2index);
viewbox=viewbox.substring(x2index+1,viewbox.length);
var y2=viewbox;
this.RatioX=(x2-x1)/(this.EndX-this.StartX);
this.RatioY=(y2-y1)/(this.EndY-this.StartY);
}
}
var XPos=(evt.getClientX())*this.RatioX;
var YPos=(evt.getClientY())*this.RatioY;
if(XPos < this.StartX || XPos > this.EndX || YPos < this.StartY || YPos > this.EndY)
{
return true;
}
svgobjhline1.setAttribute ("x1", this.StartX);
svgobjhline1.setAttribute ("y1", YPos);
svgobjhline1.setAttribute ("x2", XPos-this.CrossBarGap);
svgobjhline1.setAttribute ("y2", YPos);
svgobjhline2.setAttribute ("x1", XPos+this.CrossBarGap);
svgobjhline2.setAttribute ("y1", YPos);
svgobjhline2.setAttribute ("x2", this.EndX);
svgobjhline2.setAttribute ("y2", YPos);
svgobjvline1.setAttribute ("x1", XPos);
svgobjvline1.setAttribute ("y1", this.StartY);
svgobjvline1.setAttribute ("x2", XPos);
svgobjvline1.setAttribute ("y2", YPos-this.CrossBarGap);
svgobjvline2.setAttribute ("x1", XPos);
svgobjvline2.setAttribute ("y1", YPos+this.CrossBarGap);
svgobjvline2.setAttribute ("x2", XPos);
svgobjvline2.setAttribute ("y2", this.EndY);
var svgstylehline1 = svgobjhline1.getStyle();
var svgstylevline1 = svgobjvline1.getStyle();
var svgstylehline2 = svgobjhline2.getStyle();
var svgstylevline2 = svgobjvline2.getStyle();
svgstylevline1.setProperty("fill",this.BarsColor);
svgstylevline1.setProperty("stroke",this.BarsColor);
svgstylevline1.setProperty("stroke-width",0.3);
svgstylehline1.setProperty("fill",this.BarsColor);
svgstylehline1.setProperty("stroke",this.BarsColor);
svgstylehline1.setProperty("stroke-width",0.3);
svgstylevline2.setProperty("fill",this.BarsColor);
svgstylevline2.setProperty("stroke",this.BarsColor);
svgstylevline2.setProperty("stroke-width",0.3);
svgstylehline2.setProperty("fill",this.BarsColor);
svgstylehline2.setProperty("stroke",this.BarsColor);
svgstylehline2.setProperty("stroke-width",0.3);
if(this.appear=='hidden')
{
this.appear='visible';
var parent = svgobjhline1.getParentNode();
parent.removeChild(svgobjhline1);
parent.removeChild(svgobjhline2);
parent.removeChild(svgobjvline1);
parent.removeChild(svgobjvline2);
parent.appendChild(svgobjhline1);
parent.appendChild(svgobjhline2);
parent.appendChild(svgobjvline1);
parent.appendChild(svgobjvline2);
}
else
{
this.appear='hidden';
}
svgstylehline1.setProperty ('visibility', this.appear);
svgstylevline1.setProperty ('visibility', this.appear);
svgstylehline2.setProperty ('visibility', this.appear);
svgstylevline2.setProperty ('visibility', this.appear);
return true;
}
]]></script>
<svg id="CBC8178394" width="600.0" height="800.0" onclick="CBC8178394CrossBarsOBJ.CrossBarsClick(evt);" onmouseover="CBC8178394CrossBarsOBJ.CrossBarsMove(evt);" onmousemove="CBC8178394CrossBarsOBJ.CrossBarsMove(evt);" >
<rect style="fill:lightyellow;fill-opacity:1.0;stroke:black;stroke-width:1.0;stroke-opacity:1.0" x="0" y="0" width="599.0" height="799.0" />
<rect x="3.0" y="3.0" width="593.0" height="20.0" style="fill:blue;fill-opacity:0.4;stroke:black;stroke-width:0.0;stroke-opacity:1.0"/>
<g onload="wrapText(evt,4.5,6.6,594.5,20.0,'Market Share Of Various Sectors','Arial',12.0,'black','normal','normal','middle',false,'null')" />
<rect x="3.0" y="776.0" width="593.0" height="20.0" style="fill:blue;fill-opacity:0.4;stroke:black;stroke-width:0.0;stroke-opacity:1.0"/>
<g onload="wrapText(evt,4.5,779.6,594.5,796.0,'Elansoft <Infotech Ltd>& amp ','Arial',12.0,'black','normal','normal','middle',false,'null')" />
<g id="" transform="translate(3.0 376.5)">
<svg width="64.0" height="46.0">
<rect x="1.0" y="1.0" width="62.0" height="44.0" style="fill:#FFFFFF;fill-opacity:0.0;stroke:none;stroke-width:0;stroke-opacity:0;" />
<g id="" transform="translate(5.0 17.0)" >
<defs>
</defs>
<g id ="Symbol00" transform="translate(0.0 -10.0)" style="">
<rect id="" x=" 0.0" y="0.0" width="10.0" height="10.0" style="fill:#ff0000;fill-opacity:1.0;stroke:#ff0000;stroke-width:1.0;" onmouseout="CBC8178394barOpacityOBJ.ChangeOpacity('CBC8178394bar',1,evt); " onmouseover="CBC8178394barOpacityOBJ.ChangeOpacity('CBC8178394bar',0.3,evt);"/>
</g>
<text id="Legend01" xml:space="preserve" transform="translate(18.0 0.0) rotate(0.0)" onmouseout="CBC8178394barOpacityOBJ.ChangeOpacity('CBC8178394bar',1,evt); " onmouseover="CBC8178394barOpacityOBJ.ChangeOpacity('CBC8178394bar',0.3,evt);" >
<tspan x="0.0" y="0.0" style="fill:black;font-family:Arial;font-style:normal;font-weight:normal;font-size:12.0;text-anchor:start;text-decoration:none;" >
1999
</tspan>
</text>
<defs>
</defs>
<g id ="Symbol10" transform="translate(0.0 7.0)" style="">
<rect id="" x=" 0.0" y="0.0" width="10.0" height="10.0" style="fill:#0000ff;fill-opacity:1.0;stroke:#0000ff;stroke-width:1.0;" onmouseout="CBC8178394lineOpacityOBJ.ChangeOpacity('CBC8178394line',1,evt); " onmouseover="CBC8178394lineOpacityOBJ.ChangeOpacity('CBC8178394line',0.3,evt);"/>
</g>
<text id="Legend11" xml:space="preserve" transform="translate(18.0 17.0) rotate(0.0)" onmouseout="CBC8178394lineOpacityOBJ.ChangeOpacity('CBC8178394line',1,evt); " onmouseover="CBC8178394lineOpacityOBJ.ChangeOpacity('CBC8178394line',0.3,evt);" >
<tspan x="0.0" y="0.0" style="fill:black;font-family:Arial;font-style:normal;font-weight:normal;font-size:12.0;text-anchor:start;text-decoration:none;" >
2000
</tspan>
</text>
</g>
<path d="M0.5 0.5 L 63.5 0.5 L 63.5 45.5 L 0.5 45.5 z" style="fill:none;fill-opacity:1;stroke-width:1.0;stroke-opacity:0.0;stroke:#000000;" />
</svg>
</g>
<desc> Writing SVG Axis </desc>
<line x1="504.25" y1="35.0" x2="504.25" y2="674.0" style="fill:black;stroke:black;stroke-width:0.5" />
<g transform=" translate(516.5 680.0) rotate(0)" >
<text style="font-weight:normal;font-style:normal;text-anchor:start;font-family:Arial;font-size:12.0;fill:black;stroke:black;stroke-width:0.0">
0
</text>
</g>
<g transform=" translate(516.5 467.0) rotate(0)" >
<text style="font-weight:normal;font-style:normal;text-anchor:start;font-family:Arial;font-size:12.0;fill:black;stroke:black;stroke-width:0.0">
100000
</text>
</g>
<g transform=" translate(516.5 254.0) rotate(0)" >
<text style="font-weight:normal;font-style:normal;text-anchor:start;font-family:Arial;font-size:12.0;fill:black;stroke:black;stroke-width:0.0">
200000
</text>
</g>
<g transform=" translate(516.5 41.0) rotate(0)" >
<text style="font-weight:normal;font-style:normal;text-anchor:start;font-family:Arial;font-size:12.0;fill:black;stroke:black;stroke-width:0.0">
300000
</text>
</g>
<line x1="169.0" y1="674.25" x2="504.0" y2="674.25" style="fill:black;stroke:black;stroke-width:0.5" />
<g transform=" translate(185.75 696.1) rotate(45.0)" >
<text style="font-weight:normal;font-style:normal;text-anchor:start;font-family:Arial;font-size:12.0;fill:black;stroke:black;stroke-width:0.0">
Mexico
</text>
</g>
<g transform=" translate(219.25 696.1) rotate(45.0)" >
<text style="font-weight:normal;font-style:normal;text-anchor:start;font-family:Arial;font-size:12.0;fill:black;stroke:black;stroke-width:0.0">
Nigeria
</text>
</g>
<g transform=" translate(252.75 696.1) rotate(45.0)" >
<text style="font-weight:normal;font-style:normal;text-anchor:start;font-family:Arial;font-size:12.0;fill:black;stroke:black;stroke-width:0.0">
Japan
</text>
</g>
<g transform=" translate(286.25 696.1) rotate(45.0)" >
<text style="font-weight:normal;font-style:normal;text-anchor:start;font-family:Arial;font-size:12.0;fill:black;stroke:black;stroke-width:0.0">
Russia
</text>
</g>
<g transform=" translate(319.75 696.1) rotate(45.0)" >
<text style="font-weight:normal;font-style:normal;text-anchor:start;font-family:Arial;font-size:12.0;fill:black;stroke:black;stroke-width:0.0">
Pakistan
</text>
</g>
<g transform=" translate(353.25 696.1) rotate(45.0)" >
<text style="font-weight:normal;font-style:normal;text-anchor:start;font-family:Arial;font-size:12.0;fill:black;stroke:black;stroke-width:0.0">
Brazil
</text>
</g>
<g transform=" translate(386.75 696.1) rotate(45.0)" >
<text style="font-weight:normal;font-style:normal;text-anchor:start;font-family:Arial;font-size:12.0;fill:black;stroke:black;stroke-width:0.0">
Indonesia
</text>
</g>
<g transform=" translate(420.25 696.1) rotate(45.0)" >
<text style="font-weight:normal;font-style:normal;text-anchor:start;font-family:Arial;font-size:12.0;fill:black;stroke:black;stroke-width:0.0">
USA
</text>
</g>
<g transform=" translate(453.75 696.1) rotate(45.0)" >
<text style="font-weight:normal;font-style:normal;text-anchor:start;font-family:Arial;font-size:12.0;fill:black;stroke:black;stroke-width:0.0">
India
</text>
</g>
<g transform=" translate(487.25 696.1) rotate(45.0)" >
<text style="font-weight:normal;font-style:normal;text-anchor:start;font-family:Arial;font-size:12.0;fill:black;stroke:black;stroke-width:0.0">
China
</text>
</g>
<line x1="168.75" y1="35.0" x2="168.75" y2="674.0" style="fill:black;stroke:black;stroke-width:0.5" />
<g transform=" translate(156.5 680.0) rotate(0)" >
<text style="font-weight:normal;font-style:normal;text-anchor:end;font-family:Arial;font-size:12.0;fill:black;stroke:black;stroke-width:0.0">
0
</text>
</g>
<g transform=" translate(156.5 467.0) rotate(0)" >
<text style="font-weight:normal;font-style:normal;text-anchor:end;font-family:Arial;font-size:12.0;fill:black;stroke:black;stroke-width:0.0">
100000
</text>
</g>
<g transform=" translate(156.5 254.0) rotate(0)" >
<text style="font-weight:normal;font-style:normal;text-anchor:end;font-family:Arial;font-size:12.0;fill:black;stroke:black;stroke-width:0.0">
200000
</text>
</g>
<g transform=" translate(156.5 41.0) rotate(0)" >
<text style="font-weight:normal;font-style:normal;text-anchor:end;font-family:Arial;font-size:12.0;fill:black;stroke:black;stroke-width:0.0">
300000
</text>
</g>
<rect style="fill:green;fill-opacity:0.2;" x="169.0" y="35.0" width="335.0" height="639.0" />
<line x1="169.0" y1="674.0" x2="169.0" y2="35.0" style="stroke-width:0.2;stroke:black;fill:black;fill-opacity:1.0" />
<line x1="202.5" y1="674.0" x2="202.5" y2="35.0" style="stroke-width:0.2;stroke:black;fill:black;fill-opacity:1.0" />
<line x1="236.0" y1="674.0" x2="236.0" y2="35.0" style="stroke-width:0.2;stroke:black;fill:black;fill-opacity:1.0" />
<line x1="269.5" y1="674.0" x2="269.5" y2="35.0" style="stroke-width:0.2;stroke:black;fill:black;fill-opacity:1.0" />
<line x1="303.0" y1="674.0" x2="303.0" y2="35.0" style="stroke-width:0.2;stroke:black;fill:black;fill-opacity:1.0" />
<line x1="336.5" y1="674.0" x2="336.5" y2="35.0" style="stroke-width:0.2;stroke:black;fill:black;fill-opacity:1.0" />
<line x1="370.0" y1="674.0" x2="370.0" y2="35.0" style="stroke-width:0.2;stroke:black;fill:black;fill-opacity:1.0" />
<line x1="403.5" y1="674.0" x2="403.5" y2="35.0" style="stroke-width:0.2;stroke:black;fill:black;fill-opacity:1.0" />
<line x1="437.0" y1="674.0" x2="437.0" y2="35.0" style="stroke-width:0.2;stroke:black;fill:black;fill-opacity:1.0" />
<line x1="470.5" y1="674.0" x2="470.5" y2="35.0" style="stroke-width:0.2;stroke:black;fill:black;fill-opacity:1.0" />
<line x1="504.0" y1="674.0" x2="504.0" y2="35.0" style="stroke-width:0.2;stroke:black;fill:black;fill-opacity:1.0" />
<line x1="169.0" y1="674.0" x2="504.0" y2="674.0" style="stroke-width:0.2;stroke:black;fill:black;fill-opacity:1.0" />
<line x1="169.0" y1="461.0" x2="504.0" y2="461.0" style="stroke-width:0.2;stroke:black;fill:black;fill-opacity:1.0" />
<line x1="169.0" y1="248.0" x2="504.0" y2="248.0" style="stroke-width:0.2;stroke:black;fill:black;fill-opacity:1.0" />
<line x1="169.0" y1="35.0" x2="504.0" y2="35.0" style="stroke-width:0.2;stroke:black;fill:black;fill-opacity:1.0" />
<rect x ='171.0' y ='746.0' width ='331.0' height ='30.0' style='fill:red;fill-opacity:0.4;' />
<g id='axishead6942026xheader' onload="wrapText(evt,171.0,746.0,502.0,776.0,'X-AxisHeader','Arial',12.0,'blue','normal','normal','start',true,'null')">
<rect x ='67.0' y ='37.0' width ='30.0' height ='635.0' style='fill:#99AA99;fill-opacity:0.4;' />
<g id='axishead6942026yheader' transform='translate(67.0,672.0) rotate(270)' onload="wrapText(evt,0,0,635.0,30.0,'Y0-AxisHeader','Arial',12.0,'black','normal','normal','start',true,'axishead6942026yheader')">
<g id='axishead6942026y1header' transform='translate(576.0,672.0) rotate(270)' onload="wrapText(evt,0,0,635.0,20.0,'Y1-AxisHeader','Arial',12.0,'black','normal','normal','start',true,'axishead6942026y1header')"/>
</g>
<rect x ='576.0' y ='37.0' width ='20.0' height ='635.0' style='fill:Blue;fill-opacity:0.4;' />
<g id='CBC8178394bar' style='fill:red' >
<g >
<path d=" M 169.8375 674.0 L 169.8375 469.87997 L 201.6625 469.87997 L 201.6625 674.0" onmouseover="CBC8178394ToolTipOBJ.ToolTipShow('2000:(Mexico,95831.0)',evt);" onmouseout="CBC8178394ToolTipOBJ.ToolTipHide(evt);" />
</g>
<g >
<path d=" M 203.3375 674.0 L 203.3375 447.34883 L 235.1625 447.34883 L 235.1625 674.0" onmouseover="CBC8178394ToolTipOBJ.ToolTipShow('2000:(Nigeria,106409.0)',evt);" onmouseout="CBC8178394ToolTipOBJ.ToolTipHide(evt);" />
</g>
<g >
<path d=" M 236.8375 674.0 L 236.8375 405.02146999999997 L 268.6625 405.02146999999997 L 268.6625 674.0" onmouseover="CBC8178394ToolTipOBJ.ToolTipShow('2000:(Japan,126281.0)',evt);" onmouseout="CBC8178394ToolTipOBJ.ToolTipHide(evt);" />
</g>
<g >
<path d=" M 270.3375 674.0 L 270.3375 359.96558 L 302.1625 359.96558 L 302.1625 674.0" onmouseover="CBC8178394ToolTipOBJ.ToolTipShow('2000:(Russia,147434.0)',evt);" onmouseout="CBC8178394ToolTipOBJ.ToolTipHide(evt);" />
</g>
<g >
<path d=" M 303.8375 674.0 L 303.8375 358.40642 L 335.6625 358.40642 L 335.6625 674.0" onmouseover="CBC8178394ToolTipOBJ.ToolTipShow('2000:(Pakistan,148166.0)',evt);" onmouseout="CBC8178394ToolTipOBJ.ToolTipHide(evt);" />
</g>
<g >
<path d=" M 337.3375 674.0 L 337.3375 320.73737 L 369.1625 320.73737 L 369.1625 674.0" onmouseover="CBC8178394ToolTipOBJ.ToolTipShow('2000:(Brazil,165851.0)',evt);" onmouseout="CBC8178394ToolTipOBJ.ToolTipHide(evt);" />
</g>
<g >
<path d=" M 370.8375 674.0 L 370.8375 234.50005999999996 L 402.6625 234.50005999999996 L 402.6625 674.0" onmouseover="CBC8178394ToolTipOBJ.ToolTipShow('2000:(Indonesia,206338.0)',evt);" onmouseout="CBC8178394ToolTipOBJ.ToolTipHide(evt);" />
</g>
<g >
<path d=" M 404.3375 674.0 L 404.3375 90.32035999999994 L 436.1625 90.32035999999994 L 436.1625 674.0" onmouseover="CBC8178394ToolTipOBJ.ToolTipShow('2000:(USA,274028.0)',evt);" onmouseout="CBC8178394ToolTipOBJ.ToolTipHide(evt);" />
</g>
<g >
<path d=" M 437.8375 674.0 L 437.8375 400.75721 L 469.6625 400.75721 L 469.6625 674.0" onmouseover="CBC8178394ToolTipOBJ.ToolTipShow('2000:(India,128283.0)',evt);" onmouseout="CBC8178394ToolTipOBJ.ToolTipHide(evt);" />
</g>
<g >
<path d=" M 471.3375 674.0 L 471.3375 299.63545999999997 L 503.1625 299.63545999999997 L 503.1625 674.0" onmouseover="CBC8178394ToolTipOBJ.ToolTipShow('2000:(China,175758.0)',evt);" onmouseout="CBC8178394ToolTipOBJ.ToolTipHide(evt);" />
</g>
</g>
<g id='CBC8178394line' style='fill:blue;stroke-width:1.0;stroke:blue' >
<g >
<circle cx='185.75' cy='469.87997' r='5' style="fill:black;" onmouseover="CBC8178394ToolTipOBJ.ToolTipShow('1999:(Mexico,95831.0)',evt);" onmouseout="CBC8178394ToolTipOBJ.ToolTipHide(evt);" />
<line x1='185.75' y1='469.87997' x2='219.25' y2='447.34883' onmouseover="CBC8178394ToolTipOBJ.ToolTipShow('1999:(Mexico,95831.0)',evt);" onmouseout="CBC8178394ToolTipOBJ.ToolTipHide(evt);" />
</g>
<g >
<circle cx='219.25' cy='447.34883' r='5' style="fill:black;" onmouseover="CBC8178394ToolTipOBJ.ToolTipShow('1999:(Nigeria,106409.0)',evt);" onmouseout="CBC8178394ToolTipOBJ.ToolTipHide(evt);" />
<line x1='219.25' y1='447.34883' x2='252.75' y2='405.02146999999997' onmouseover="CBC8178394ToolTipOBJ.ToolTipShow('1999:(Nigeria,106409.0)',evt);" onmouseout="CBC8178394ToolTipOBJ.ToolTipHide(evt);" />
</g>
<g >
<circle cx='252.75' cy='405.02146999999997' r='5' style="fill:black;" onmouseover="CBC8178394ToolTipOBJ.ToolTipShow('1999:(Japan,126281.0)',evt);" onmouseout="CBC8178394ToolTipOBJ.ToolTipHide(evt);" />
<line x1='252.75' y1='405.02146999999997' x2='286.25' y2='359.96558' onmouseover="CBC8178394ToolTipOBJ.ToolTipShow('1999:(Japan,126281.0)',evt);" onmouseout="CBC8178394ToolTipOBJ.ToolTipHide(evt);" />
</g>
<g >
<circle cx='286.25' cy='359.96558' r='5' style="fill:black;" onmouseover="CBC8178394ToolTipOBJ.ToolTipShow('1999:(Russia,147434.0)',evt);" onmouseout="CBC8178394ToolTipOBJ.ToolTipHide(evt);" />
<line x1='286.25' y1='359.96558' x2='319.75' y2='358.40642' onmouseover="CBC8178394ToolTipOBJ.ToolTipShow('1999:(Russia,147434.0)',evt);" onmouseout="CBC8178394ToolTipOBJ.ToolTipHide(evt);" />
</g>
<g >
<circle cx='319.75' cy='358.40642' r='5' style="fill:black;" onmouseover="CBC8178394ToolTipOBJ.ToolTipShow('1999:(Pakistan,148166.0)',evt);" onmouseout="CBC8178394ToolTipOBJ.ToolTipHide(evt);" />
<line x1='319.75' y1='358.40642' x2='353.25' y2='320.73737' onmouseover="CBC8178394ToolTipOBJ.ToolTipShow('1999:(Pakistan,148166.0)',evt);" onmouseout="CBC8178394ToolTipOBJ.ToolTipHide(evt);" />
</g>
<g >
<circle cx='353.25' cy='320.73737' r='5' style="fill:black;" onmouseover="CBC8178394ToolTipOBJ.ToolTipShow('1999:(Brazil,165851.0)',evt);" onmouseout="CBC8178394ToolTipOBJ.ToolTipHide(evt);" />
<line x1='353.25' y1='320.73737' x2='386.75' y2='234.50005999999996' onmouseover="CBC8178394ToolTipOBJ.ToolTipShow('1999:(Brazil,165851.0)',evt);" onmouseout="CBC8178394ToolTipOBJ.ToolTipHide(evt);" />
</g>
<g >
<circle cx='386.75' cy='234.50005999999996' r='5' style="fill:black;" onmouseover="CBC8178394ToolTipOBJ.ToolTipShow('1999:(Indonesia,206338.0)',evt);" onmouseout="CBC8178394ToolTipOBJ.ToolTipHide(evt);" />
<line x1='386.75' y1='234.50005999999996' x2='420.25' y2='90.32035999999994' onmouseover="CBC8178394ToolTipOBJ.ToolTipShow('1999:(Indonesia,206338.0)',evt);" onmouseout="CBC8178394ToolTipOBJ.ToolTipHide(evt);" />
</g>
<g >
<circle cx='420.25' cy='90.32035999999994' r='5' style="fill:black;" onmouseover="CBC8178394ToolTipOBJ.ToolTipShow('1999:(USA,274028.0)',evt);" onmouseout="CBC8178394ToolTipOBJ.ToolTipHide(evt);" />
<line x1='420.25' y1='90.32035999999994' x2='453.75' y2='400.75721' onmouseover="CBC8178394ToolTipOBJ.ToolTipShow('1999:(USA,274028.0)',evt);" onmouseout="CBC8178394ToolTipOBJ.ToolTipHide(evt);" />
</g>
<g >
<circle cx='453.75' cy='400.75721' r='5' style="fill:black;" onmouseover="CBC8178394ToolTipOBJ.ToolTipShow('1999:(India,128283.0)',evt);" onmouseout="CBC8178394ToolTipOBJ.ToolTipHide(evt);" />
<line x1='453.75' y1='400.75721' x2='487.25' y2='299.63545999999997' onmouseover="CBC8178394ToolTipOBJ.ToolTipShow('1999:(India,128283.0)',evt);" onmouseout="CBC8178394ToolTipOBJ.ToolTipHide(evt);" />
</g>
<g >
<circle cx='487.25' cy='299.63545999999997' r='5' style="fill:black;" onmouseover="CBC8178394ToolTipOBJ.ToolTipShow('1999:(China,175758.0)',evt);" onmouseout="CBC8178394ToolTipOBJ.ToolTipHide(evt);" />
</g>
</g>
<script>
<![CDATA[
function wrapText(evt,startx,starty,endx,endy,OrginalString,FontName,FontSize,FontColor,FontWeight,FontStyle,Anchor,hypen,gid)
{
if(OrginalString.length == 0)
return;
var svgDoc = evt.getTarget().getOwnerDocument();
var svgRoot = svgDoc.getDocumentElement();
OrginalString = OrginalString+' ';
var strarray=OrginalString.split(' ');
var x1=startx;
var y1=starty;
y1=y1+FontSize
var x2=endx;
var y2=endy;
var wrapperWidth=x2-x1-3;
var wrapperHeight=y2-y1;
var num=0;
var createTextNode = new Boolean(true);
var svgObjText;
var svgStyleText;
var objTxtNode;
if(Anchor == 'end')
{
wrapperX = endx;
}
else if(Anchor == 'middle')
{
wrapperX = startx+(endx-startx)/2;
}
else
{
wrapperX = x1;
}
if(hypen)
{
wrapperX = x1;
}
wrapperY = y1;
var svgDummyText = svgDoc.createElement('text');
var svgDummyTextStyle = svgDummyText.getStyle();
svgDummyTextStyle.setProperty('fill',FontColor);
svgDummyTextStyle.setProperty('font-family',FontName);
svgDummyTextStyle.setProperty('font-size',FontSize);
svgDummyTextStyle.setProperty('font-weight',FontWeight);
svgDummyTextStyle.setProperty('font-style',FontStyle);
var objDmyTxtNode=svgDoc.createTextNode('-');
svgDummyText.appendChild(objDmyTxtNode);
var hyphenLength = svgDummyText.getComputedTextLength();
svgDummyText.removeChild(objDmyTxtNode);
var wordLeftOut='';
var charsAppended = new Boolean(false);
var wrapgroup='';
if(gid=='null')
wrapgroup = svgDoc.createElement('g');
else
wrapgroup=svgDoc.getElementById(gid)
for(num=0;num<strarray.length;num++)
{
if(createTextNode == true)
{
svgObjText= svgDoc.createElement('text');
svgObjText.setAttribute('id', 'text'+num);
svgObjText.setAttribute('x',wrapperX);
svgObjText.setAttribute('y',wrapperY);
svgStyleText = svgObjText.getStyle();
svgStyleText.setProperty('fill',FontColor);
svgStyleText.setProperty('font-family',FontName);
svgStyleText.setProperty('font-size',FontSize);
svgStyleText.setProperty('font-weight',FontWeight);
svgStyleText.setProperty('font-style',FontStyle);
svgStyleText.setProperty('text-anchor',Anchor);
objTxtNode=svgDoc.createTextNode(wordLeftOut+' ');
wordLeftOut='';
svgObjText.appendChild(objTxtNode);
createTextNode=false;
}
objTxtNode=svgDoc.createTextNode(strarray[num]+' ');
svgObjText.appendChild(objTxtNode);
if(svgObjText.getComputedTextLength() >= wrapperWidth)
{
svgObjText.removeChild(objTxtNode);
spcLeft = wrapperWidth - svgObjText.getComputedTextLength();
if(hypen)
{
spcLeft -= hyphenLength;
if(strarray[num].length >= 3)
{
for(ctr=0; ctr<strarray[num].length;ctr++)
{
objDmyTxtNode=svgDoc.createTextNode(strarray[num].substr(ctr, 1));
svgDummyText.appendChild(objDmyTxtNode);
spcReqd = svgDummyText.getComputedTextLength();
svgDummyText.removeChild(objDmyTxtNode);
if(spcReqd >= spcLeft)
{
if(charsAppended == true)
{
objTxtNode=svgDoc.createTextNode('-');
svgObjText.appendChild(objTxtNode);
wordLeftOut=strarray[num].substr(ctr);
charsAppended=false;
}
break;
}
else
{
objTxtNode=svgDoc.createTextNode(strarray[num].substr(ctr, 1));
svgObjText.appendChild(objTxtNode);
charsAppended = true;
spcLeft -= spcReqd;
}
}
}
if(wordLeftOut.length == 0)
num--;
}
else
num--;
createTextNode=true;
wrapperY += FontSize;
wrapgroup.appendChild(svgObjText);
}
}
wrapgroup.appendChild(svgObjText);
svgRoot.appendChild(wrapgroup);
}
]]></script>
<script>
<![CDATA[
var CBC8178394ToolTipOBJ=new ToolTip();
CBC8178394ToolTipOBJ.FontType='Arial';
CBC8178394ToolTipOBJ.FontSize=12.0;
CBC8178394ToolTipOBJ.FontColor='black';
CBC8178394ToolTipOBJ.FontBase=16.0;
CBC8178394ToolTipOBJ.BackGroundColor='yellow';
CBC8178394ToolTipOBJ.BorderColor='black';
CBC8178394ToolTipOBJ.RectHeight=24.0;
CBC8178394ToolTipOBJ.RatioX=1;
CBC8178394ToolTipOBJ.RatioY=1;
CBC8178394ToolTipOBJ.StartX=0.0;
CBC8178394ToolTipOBJ.StartY=0.0;
CBC8178394ToolTipOBJ.EndX=600.0;
CBC8178394ToolTipOBJ.EndY=800.0;
]]></script>
<script>
<![CDATA[
var CBC8178394barOpacityOBJ=new Opacity();
CBC8178394barOpacityOBJ.where = 0;
CBC8178394barOpacityOBJ.windowName = '';
CBC8178394barOpacityOBJ.windowLeft = 0;
CBC8178394barOpacityOBJ.windowTop = 0;
CBC8178394barOpacityOBJ.windowWidth = 400;
CBC8178394barOpacityOBJ.windowHeight = 300;
CBC8178394barOpacityOBJ.windowProps = '';
]]></script>
<script>
<![CDATA[
var CBC8178394lineOpacityOBJ=new Opacity();
CBC8178394lineOpacityOBJ.where = 0;
CBC8178394lineOpacityOBJ.windowName = '';
CBC8178394lineOpacityOBJ.windowLeft = 0;
CBC8178394lineOpacityOBJ.windowTop = 0;
CBC8178394lineOpacityOBJ.windowWidth = 400;
CBC8178394lineOpacityOBJ.windowHeight = 300;
CBC8178394lineOpacityOBJ.windowProps = '';
]]></script>
<script>
<![CDATA[
var CBC8178394CrossBarsOBJ=new CrossBars();
CBC8178394CrossBarsOBJ.BarsColor='black';
CBC8178394CrossBarsOBJ.RatioX=1;
CBC8178394CrossBarsOBJ.RatioY=1;
CBC8178394CrossBarsOBJ.StartX=169.0;
CBC8178394CrossBarsOBJ.StartY=35.0;
CBC8178394CrossBarsOBJ.EndX=504.0;
CBC8178394CrossBarsOBJ.EndY=674.0;
CBC8178394CrossBarsOBJ.CrossBarGap=3;
CBC8178394CrossBarsOBJ.appear='hidden';
]]></script>
</svg>
</svg>
---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]
