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

====== Traffic Light ======

This is the N4V FOR WEBI Wiki page for the Traffic Light widget.

**Updated for N4V 2023.1.1**

===== Render =====

{{url>https://www.need4viz.com/dataviz/trafficlight.html noborder height=200}}

===== Description =====

  * Traffic light type gauge lighting the color corresponding to the measured value (by default, 3 values : 0 = green, 1 = yellow and 2 = red).
  * An optional tooltip given as a dimension, is displayed when mouse is over the light on.

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

{{youtube>FRNEM31pMKY}}

===== Parameters =====

  * //Dimension//: Value to display in the tooltip when mouse is over the light on (only one value allowed)

  * //Measure//: Set the color to display (0=green, 1=yellow, 2=red...)

===== Animation =====

  * The three to five lights light up sequentially when the graph is switched on.

===== Settings =====

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

For the Traffic light, the available parameters are:

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

  * ** Options **
    * //Orientation of Traffic Light// : Set the orientation (vertical by default) of the gauge. You can also change the order of the lights in the Traffic Light (by default the first light - green - is on the bottom of the vertical traffic light and on the right of the horizontal traffic light).
    * //Light options// : You can choose here the color of the off light and add an optional ringing light (set thickness to 0 to disable it). You can also specify to not use gradient colors for lights.
    * //Global style// : Specify here the background color of the traffic light and a border for the traffic light.
    * //Tooltip// : Depending on the final size of the traffic light, the tooltip may not appears completely so you can disable it here.

  * ** Ranges **
    * //Ranges colors// : Set here the number of lights that will be used (3 by default, it can be a value between 1 and 5)
    * //Ranges 1..5// : Set for each range, the color corresponding (by default, the 3 first colors used are Green, Yellow & Red)

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

**Export HTML** -> See the user guide for the "Export HTML" section [[format_export_html | here]]

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