JavaScript Diagram Builder - The Arrow object

The Arrow object is used to display an arrow on the screen, especially to draw it in a diagram area. It is possible to hide, move and delete an arrow after it has been drawn. The Arrow object has a quite large invisible border, so that it can interfere with the TooltipText and onClick event of neighbouring objects. Because of that you should always draw the Arrow objects first, before drawing any neighbouring Bar or Box objects.
This arrows were generated by

<SCRIPT Language="JavaScript">;
var D=new Diagram();
D.SetFrame(60, 140, 300, 380);
D.SetBorder(-1, 1, -1, 1);
var i, x, y;
for (i=0; i<11; i++)
{ x=Math.sin((i+0.5)*2*Math.PI/11);
  new Arrow(D.ScreenX(x/3), D.ScreenY(y/3), D.ScreenX(x), D.ScreenY(y), "#0000ff", i%5+1);

You can use the following methods:

« The Area object The Pie object »