StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
9240116
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
2
CommunityOwnedDate
CreationDate
2012-02-11T12:12:34.130
FavoriteCount
0
LastActivityDate
2012-02-11T12:12:34.130
LastEditDate
LastEditorUserId
0
OwnerUserId
262386
ParentId
9239899
PostTypeId
2
Score
1
ViewCount
0
LastEditorDisplayName
text
Body
To draw a line between those boxes, you'd first have to define where you want the line to be. <img src="https://i.stack.imgur.com/PPumi.png" alt="two boxes"> Apparently you want to draw the lines/arrows from the right edge of Rect A to the left edge of Rect B, somewhat like this: <img src="https://i.stack.imgur.com/6V9DP.png" alt="two boxes with a link"> Assuming your know the origin (upper left <code>Point</code> as { x, y } of a <code>Rect</code>) and its <code>Size</code> (width and height), you first want to determine the position of the center of the edges: <img src="https://i.stack.imgur.com/QApmW.png" alt="center of edges highlighted"> <pre><code>var rectA, rectB; // I assume you have those data var rectARightEdgeCenter = { // x is simply the origin's x plus the width x: rectA.origin.x + rectA.size.width, // for y you need to add only half the height to origin.y y: rectA.origin.y + rectA.size.height / 2.0 } var rectBLeftEdgeCenter = { // x will be simply the origin's x x: rectB.origin.x, // y is half the height added to the origin's y, just as before y: rectB.origin.y + rectB.size.height / 2.0 } </code></pre> The more interesting question would be how to determine, from which edge to which other edge you might want to draw the lines in a more dynamic scenario. If your boxes just pile up from left to right the given solution will fit, but you might want to check for minimum distances of the edges, to determine a possible best arrow.
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POMath to find edge between two boxes
 singulars
 PostTypePostTypeId
 PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. This table or related slice is empty.
UserOwnerUserId
1. USTharabas
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. This table or related slice is empty.
VotesPostIdCreationDate
1. VO
 singulars
 PostPostId
 PO
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTUpMod
CommentsPostId
1. CODo'h I didn't read your comment ... so my solution does not fit your problem, sry :/
 singulars
 PostPostId
 PO
 UserUserId
 USTharabas
2. COThanks for your effort for this answer. Yes, that is what i'm looking for, find the edge coordinate. Your answer is correct only for that case (A is on the left of B). What if Box A is on top Box B? What if Box A is slightly right but still on top of Box B? and so on...
 singulars
 PostPostId
 PO
 UserUserId
 USRizky Ramadhan

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.