[[fr:higchart_gauge|{{:wiki:flag_fr.png?45 }}]]

====== Angular Gauge ======

This is the N4V FOR WEBI Wiki page for the Angular Gauge widget.

**Since Need4Viz 2024.2.0**

===== Render =====

{{url>https://www.need4viz.com/N4VPublisher/home/Gauges/N4V_Elements/angular_gauge_01.html width=400 height=300 noscroll noborder alignment=left}}
{{url>https://www.need4viz.com/N4VPublisher/home/Gauges/N4V_Elements/angular_gauge_02.html width=400 height=300 noscroll noborder alignment=left }}
{{url>https://www.need4viz.com/N4VPublisher/home/Gauges/N4V_Elements/angular_gauge_03.html width=400 height=300 noscroll noborder alignment=left }}


===== Description =====

  *Gauge indicating the value supplied as a parameter. 
  *Caution, the dimension indicates the title of the gauge, it must contain only one value.
  *The min and max can be supplied as a parameter (if only one value is indicated, it will be assigned to the max).

===== How-To Video =====

{{youtube>ewTPXTYCciQ}}

===== Parameters =====

  * //Title// : Title dimension of the gauge

  * //Value// : Measure to display in the Gauge
  * //[Min,Max]// : [Optional] Measure to set the minimum and maximum range

===== Animations =====

  * The needle is animated at the opening.
  * Display the tooltip when you move the mouse over the gauge.

===== Settings =====

You can find instructions for accessing settings for Need4viz graphics: [[Format Custom Element]].

For the Angular gauge, the available parameters are:

**Extended parameters**
  * **Global** -> See the user guide for the "Global" section [[global_extparam | here]]

  * **Options**
    * //Gauge angle// : This setting allows you to define the start and stop angles of the gauge.
    * //Gauge center position in the frame//: for a semi-circular gauge (vumeter type), move the gauge in the window in order to optimize its display. Check the box "keep the largest size..." in order to obtain a gauge maximizing the use of the frame.
    * //Colors// : Use gradient colors for the gauge (ranges and borders/background gauge colors)
    * //Style// : This parameter allows you to choose the desired gauge style.
    * //Needle// : Parameters to change the render of the needle (color, thickness, axis).
    * //Graduation labels// : Hide or display the labels of graduations and change the font.
    * //Ticks// : This setting allows you to display or not the main and intermediate graduations. You can also change the colors of graduations.

  * **Labels**
    * //Title inside gauge// : This setting allows you to define the text and format of the title/subtitle you can display inside the gauge.
    * //Value label// : This setting allows you to define the position and font and label
    * //Value frame// : Set here the border of the value.

  * **Measure**
    * //Measure of the gauge// : This setting allows you to specify the unit to add as a measurement prefix or suffix as well as the measurement accuracy. The measurement display format (standard - e.g.: 2,345.67, compact - e.g.: 2.3K or compact long - e.g.: 2.3 thousand) can also be defined.

  * **Ranges**
    * //Range definition// : This parameter is used to define the type of values used to define the gauges (percentage of the maximum value or fixed values)
    * //Range 1,2 and 3// : This setting allows you to define a minimum and maximum interval for the zone as well as its color.
        
**Export Server** -> See the user guide for the "Export Server" section [[format_export_html | here]]

**Export FTP** -> See the user guide for the "Export FTP" section [[format_export_ftp | here]]

**Export SharePoint** -> See the user guide for the "Export SharePoint" section [[format_export_sharepoint | here]]