Skip to Content
SAP Visual Business

UI5 Development: Visualization Object Circles

Tags:

Their are two different kind of circles one with a constant screen size (Circle) and one with a constant real world size (CircleDist)

Circle

The circle VO is used to display a circle with a pixel dimensioned radius. The Circle has the following CLSID:

  

CLSID{00100000-2013-0004-B001-7EB3CCC039C4}

                                                                                                                            

AttributeBindingTypeH/NDefaultDescription
typeNostringYes/Yesmust be the above CLSID
idNostringYes/Yesspecifies the id of the VO
datasourceNostringpath to a data node
posYesvectorYes/Yesanchor points of the VO
colorBorderYescolorYes/Yescolor of the border
radiusYesfloatYes/Yesradius in pixel
tooltipYesstringNo/Yestooltip text of the VO
colorYescolorNo/Yesfill color of the circle
dothotScaleYesvectorYes/Yes1;1;1x,y,z only x factor is used to scale the radius
hotDeltaColorYesstringNo/Yesrelative or absolute color value that is applied to all color values when the VO is hot
fxsizeYesboolean

Yes/Yes

when set, the VO should not scale
fxdirYesbooleanNo/Yesthe VO does not rotate when the map is rotated.
slices YeslongNo/Yesnumber of slices that should be used to create the circle.
DragSourceNoobjectNo/Yes

drag filter information
DropSourceNoobjectNo/Yes

drop filter information

EventsH/NDescription
ClickYes/Yesfired when the VO is clicked or there is a   corresponding touch event on the VO
ContextMenuYes/Yesfired when there is a right click or a corresponding touch event on the VO
HandleContextMenuYes/Nofired when there is a click or touch on a design handle

Remarks:


When the circle is used in the native implementation of Visual Business it is important to specify the number of slices. When HTML rendering is active, the value for the slices is not used.

Sample:

{

  "id": "Circle",

  "type": "{00100000-2013-0004-B001-7EB3CCC039C4}",

  "datasource": "Circles",

  "pos.bind": "Circles.pos",

  "colorBorder.bind": "Circles.ColorBorder",

  "radius.bind": "Circles.Radius",

  "tooltip.bind": "Circles.Name",

  "color.bind": "Circles.Color",

  "slices.bind": "Circles.Slices",

  "fxsize.bind": "Circles.FxSize"

  }

 

CircleDist

In contrast to the circle VO, the distance circle has a radius that is specified in meters. When used in a geographical scene, the shape of a distance circle can vary dependent on the used projection of the scene.

CLSID{00100000-2013-0004-B001-686F01B57873}


                                                                                                                            

AttributeBindingTypeH/NDefaultDescription
typeNostringYes/Yesmust be the above CLSID
idNostringYes/Yesspecifies the id of the VO
datasourceNostringpath to a data node
posYesvectorYes/Yesanchor points of the VO
colorBorderYescolorYes/Yescolor of the border
radiusYesfloatYes/Yesradius in meter
tooltipYesstringNo/Yestooltip text of the VO
colorYescolorNo/Yesfill color of the circle
dothotScaleYesvectorYes/Yes1;1;1x,y,z only x factor is used to scale the radius
hotDeltaColorYesstringNo/Yesrelative or absolute color value that is applied to all color values when the VO is hot
fxsizeYesboolean

Yes/Yes

when set, the VO should not scale
fxdirYesbooleanNo/Yesthe VO does not rotate when the map is rotated.
slices YeslongNo/Yesnumber of slices that should be used to create the circle.
DragSourceNoobjectNo/Yes

drag filter information
DropSourceNoobjectNo/Yes

drop filter information

Events

H/NDescription
ClickYes/Yesfired when the VO is clicked or there is a corresponding touch event on the VO
ContextMenuYes/Yesfired when there is a right click or a corresponding touch event on the VO
HandleContextMenuYes/Nofired when there is a click or touch on a design
  handle

Remarks:


The CircleDist VO can be used only in geographical scenes. It is important that the slices property is specified. For performance reasons, the number of slices should be as small as possible.

No comments