Este diagrama foi gerado pelo
<SCRIPT Language="JavaScript">
document.open();
var D=new Diagram();
D.SetFrame(80, 160, 520, 360);
D.SetBorder(Date.UTC(2000,11,15,0,0,0), Date.UTC(2001,11,15,0,0,0), 0, 1000);
D.SetText("","", "Website Hits 2001");
D.XScale=4;
D.Draw("", "#004080", false);
var i, j, y, y0=D.ScreenY(0);
for (i=0; i<12; i++)
{ y=D.ScreenY(500+Math.random()*400);
j=D.ScreenX(Date.UTC(2001,i,1,0,0,0));
if (i%2==0) new Box(j-12, y, j+12, y0, "#0000FF", "v_blue.gif", "#FFFFFF", 1, "#000000");
else new Box(j-12, y, j+12, y0, "#FF0000", "v_red.gif", "#000000", 1, "#000000");
}
document.close();
</SCRIPT>
Você pode usar os seguintes métodos:
- var B = new Box(theLeft, theTop, theRight, theBottom, theDrawColor, theText, theTextColor
[, theBorderWidth[, theBorderColor[, theTooltipText[, theOnClickAction[,
theOnMouseoverAction[, theOnMouseoutAction]]]]]])
//Constructor e desenho, if theText="", then min_height=1 else min_height=12
//se quiser usar B.SetText() depois, então você deve inicializar com um texto<>""
- B.SetColor(theColor) //Cor
- B.SetVisibility(isVisible) //Mostrar ou esconder
- B.SetText(theText) //Texto ou imagem
- B.SetTitle(theTitle) //TooltipText
- B.MoveTo(theLeft, theTop) //Mover
- B.ResizeTo(theLeft, theTop, theWidth, theHeight) //Aumentar ou diminuir
- B.Delete() //Apagar o objeto DIV do B do documento
- delete B //Destructor
Antes de desenhar, você pode mudar o estilo do texto:
_BFont=theFont;
__BFont é uma variável global, que seja válida para todos os objetos Bar e Box. O valor default é
_BFont="font-family:Verdana;font-weight:bold;font-size:10pt;line-height:13pt;".