22.4.18 Meter With Text

Meter With Text is combined Circular Gauge Widget and Vertical Text Value. The widget is used to display Tag value and real-time data in Circular Gauge.

Function

• Support Gauge properties , such as main range and sub range setting, pointer types…etc

• Support font properties setting

• Display Tag value in Text block

Meter With Text picture

Properties：

• Preferences：Build the different Properties of Meter With Text  widget. Users can choose one Preferences and apply the properties directly next time usage.

• Create：Create the current Properties as this widget Preferences

• Update：Change the Properties of this widget Preferences

• Delete：Delete this widget preferences

• Set as default：User can set the widget preferences as default Widget display

• Widget Setting：Set the related properties of widget, such as Widget name, Frame Color, Background, Time Interval, etc…

• Widget name：Name of Widget. The title show on the top of Widget when mouse move to the top and appear blue area

• Frame Color：Widget frame color

• Background：Set Widget background Color.

• Image：Upload and delete Widget background image

•  Select the image from WebAccess widget background folder in C:\inetpub\wwwroot\broadweb\WADashboard\dResource\bkImage\daWidgetBk

•  Upload the image from folder

•  Cancel the background

• Extended：Extend Widget background image to whole widget.

• Background without title：The background extend to Title area or not

• Height in Mobile Phone：Config the widget display height in Mobile. Choose full size, half size or quarter size in two phone display types, such as Small Portrait and Small Landscape. User also can self-define the display height with unit px.

• Time Interval：Set data refresh time in PC/Pad and Phone mode (unit: Days/ Hours/ Minutes/ Seconds).

• Title：The top area of the Widget is the Title. Type the title of Widget and Set the related Properties of title

• Text：Type the title in three languages

• Font Name：Set the Title font

• Font Size：Set the Title font size

• Font Color：Set the Title font Color

• Background：Set the Title area background Color

• image：Upload the Title area background image

•  Select the image from WebAccess Widget Title background folder in C:\inetpub\wwwroot\broadweb\WADashboard\dResource\bkImage\daWidgetTitleBk

•  Upload the image from folder

•  Cancel the background

•  Extended：Extend the background image to whole title area

• Gauge Setting :

• Gauge Position : Set Meter position to be either right or left side of the widget

• Gauge Width(%) : Set the scale size of the Meter.

• Style : Set different styles of needle of the Meter. Ex, TwoColors, TriangleNeedle, RectNeedle, Range-Bar and Rectangle

• Degree From : The start position of the Meter. ex, 0 as East, 90 as North, 180 as West, and 270 as South

• Degree End : The end position of the Meter. ex, 0 as East, 90 as North, 180 as West, and 270 as South

• Color : Set the color of the needle/bar

• Main Range Setting :

• Span Low : The minimum range value of the Meter

• Span High : The maximum range value of the Meter

• Tick Interval : The tick scale between Span Low and Span High

• Label Color : The text color of the Tick Interval

• Scale Color : The scale tick color

• Tick Length : The length of each tick

• Scale Position : The position of the tick relative to the line

• Scale Color : The base/background color of the Meter

• SubRange Setting :

• Number : The number of the range will appear on the gauge

• From : The span low of the range

• To : The span high of the range

• Color : The color of the range

• Label Setting :

• Data Label : Visible or Invisible Labels in the Widget

• Style : The style of the label

• Color : The Background color of the label

• Size : The font size of the label

• Tooltip : Visible or Invisible Tooltips in the Widget

• Top Text Block Setting

• Value Replaced : Replace Text block with tag value

• Text : Set text description

• Font : Set the font type of the Text/tag.

• Color : Set the font color of the Text/tag.

• Align : Set horizontal position of the Text/tag. Ex: Right or Center or Left

• Vertical Align : Set the vertical position of the Text/tag. Ex: Top, Center or Bottom.

• Overbounded Auto Fit : Auto resize the Text/tag when its length exceed the maximum display area

• Size : Set the font size of the Text/tag

• Font Weight : Set font weight of the Text/tag. Ex, Bold or Normal

• Block Height(%) : Set the vertical position of the Text block

• Bottom Text Block Setting

• Value Replaced : Replace Text block with tag value

• Text : Set text description

• Font : Set the font type of the Text/tag.

• Color : Set the font color of the Text/tag.

• Align : Set horizontal position of the Text/tag. Ex: Right or Center or Left

• Vertical Align : Set the vertical position of the Text/tag. Ex: Top, Center or Bottom.

• Overbounded Auto Fit : Auto resize the Text/tag when the its length exceed the maximum display area

• Size : Set the font size of the Text/tag

• Font Weight : Set font weight of the Text/tag. Ex, Bold or Normal

• WebAccess Data Source :

• Tag : Choose the desire tag from WebAccess