HT for Web Position Manual

Index


Overview

While HT GraphView 2D and 3D components rendering the data information, it can be divided into central parts and label, note and icons, etc., attached parts in general, the location of these attached parts is the content of this manual to introduce, all the attached parts have common parameters, at the same time different datas also have special parameters, Graph3dView for 3D space also has its special definition of parameters, this manual will be detailed description.

Relative Position

The relative position position is the most important parameter in the HT position system, label.position, note.position and position parameters on icons, all the number from 1 to 55 information to describe the position relative to a rectangular area, for ht.Edge and ht.Polyline line type, can be understood as a rectangle with a height of 0.

    34                            35
   1 | 2     38     3     39     4 | 5
 ----6-------40-----7-----41-------8----
   9 | 10    42     11    43    12 | 13
     |                             |
     |              44             |
  14 15 16   45  46 17 47  48   18 19 20
     |              49             |
     |                             |
  21 | 22    50     23     51   24 | 25 
 ----26------52-----27-----53------28---
  29 | 30    54     31     55   32 | 33  
    36                            37

Offset and Rotation

The relative position position generally combines the offset.x and offset.y parameters, which are horizontally and vertically offset on the basis of position, such as the text label.offset.x and label.offset.y parameters. For label and icons types also support rotation rotation parameters, such as text label.rotation.

Icons Parameters

The icons is used to sort an array of icons or rows on the datas with the following special control parameters:

For example, an arrow type icon generally requires keepOrien to be set to true to maintain a fixed angle with the attachment:

'icons': {
    fromArrow: {
        position: 15,
        names: ['arrow'],
        rotation: Math.PI,
        keepOrien: true,
        width: 50,
        height: 25
    },
    toArrow: {
        position: 19,
        names: ['arrow'],
        keepOrien: true,
        width: 50,
        height: 25
    },
}

3D Parameters

The Graph3dView position information in the 3D component increases the control parameters of face, t3, r3, rotationMode and autorotate, with the label as an example:

Notice: 3D does not consider the following 2D related parameters


Welcome to contact us service@hightopo.com