JavaScript Diagram Builder - O objeto Pie
|
O objeto Pie é usado desenhar uma peça da torta na tela. É também possível, mover, aumentar, diminuir,
esconder e apagar uma peça da torta depois que foi desenhada.
|
Este diagrama foi gerado pelo
<SCRIPT Language="JavaScript">
P=new Array();
document.open();
P[0]=new Pie(100,240,10,80,0*3.6,10*3.6,"#ff6060");
P[1]=new Pie(100,240,0,80,10*3.6,40*3.6,"#ffa000");
P[2]=new Pie(100,240,0,80,40*3.6,100*3.6,"#f6f600");
new Bar(200,190,280,210,"#ff6060","Maçãs","#000000","", "void(0)","MouseOver(0)","MouseOut(0)");
new Bar(200,230,280,250,"#ffa000","Laranjas","#000000","", "void(0)","MouseOver(1)","MouseOut(1)");
new Bar(200,270,280,290,"#f6f600","Bananas","#000000","", "void(0)","MouseOver(2)","MouseOut(2)");
document.close();
function MouseOver(i) { P[i].MoveTo("","",10); }
function MouseOut(i) { P[i].MoveTo("","",0); }
</SCRIPT>
Você pode usar os seguintes métodos:
- var P = new Pie(theXCenter, theYCenter, theOffset, theRadius, theAngle0, theAngle1, theColor[,
theTooltipText[, theOnClickAction[, theOnMouseoverAction[, theOnMouseoutAction]]]])
//Constructor e desenho
- P.SetColor(theColor) //Cor
- P.SetVisibility(isVisible) //Mostrar ou esconder
- P.SetTitle(theTitle) //TooltipText
- P.MoveTo(theXCenter, theYCenter, theOffset) //Mover
- P.ResizeTo(theXCenter, theYCenter, theOffset, theRadius, theAngle0, theAngle1) //Aumentar ou diminuir
- P.Delete() //Apagar o objeto DIV do P do documento
- delete P //Destructor