Index
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.
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
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
.
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 iconsdirection
: 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
},
}
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]
formatlabel.r3
: The rotation of text in 3D
, in the [rotationX, rotationY, rotationZ]
formatlabel.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
axisNotice: 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