Index

• Overview
• Relative Position
• Offset and Rotation
• Icons Parameters
• 3D Parameters

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:

• gap: Specifies spacing between icons
• direction: Specifies the direction of icons, the default is east, which can be set to west, east, north or south
• rotationFixed: Sets this parameter to true will cause the icon to rotate without consider to the line angle, only decided by rotation
• keepOrien: When the icon is placed on the Edge and Polyline line type datas, the icon defaults to automatically adjust the direction to keep the best reading (such as text)

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:

• label.face: The default is front, the direction of text in 3D, the optional value left|right|top|bottom|front|back|center
• label.t3: The offset of the text in 3D, in the [x, y, z] format
• label.r3: The rotation of text in 3D, in the [rotationX, rotationY, rotationZ] format
• label.rotationMode: The default value is xzy, the text is rotated in order of three axes along the 3D, the optional value xyz|xzy|yxz|yzx|zxy|zyx
• label.autorotate: The default is false, whether the text is automatically facing the direction of the eye in 3D, can be set to true or y, y means to rotate along y axis

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

• label.offset.x: Replaced by label.t3
• label.offset.y: Replaced by label.t3
• label.rotation: Replaced by label.r3