Continuous gauges

Continuous gauges are graphical objects, that represent continuous scalar values, with their graphical representation changing for each different value.

Often used on executive dashboards, Continuous gauges are most effective, especially when combined with widgets like Plots and Actions , helping end-users better understand the data displayed in Rulex Studio slides and reports. These widgets provide a clear overview of current performance and enable users to track overall business status.

Their configuration options vary according to the gauge type. The Thermometer and the Speedometer gauges are grouped together here, as they share the exact same tabs in the Layout options window. A similar approach is taken in the subsection on Radial and Linear gauges types, which also shares identical tabs in this window.

Only the Indicator is analyzed separately, though it displays two tabs, that are common to both the Radial and Linear gauge types.

---

Thermometer and Speedometer

Sample configuration with the integer attribute age.

As already mentioned above, these two gauges present the same tabs, and they only differ in their graphical aspect. The first gauge has the aspect of a thermometer, while the second gauge has the aspect of a speedometer.

Users can find all the available options and the corresponding GOLD references in the table below.

GENERAL

Subsection	Option	Description	GOLD Ref.
Input options	Attribute	By hovering over the attribute with the cursor, a tooltip containing the attribute name and type appears in the format: TableName!AttributeName.	input ["table"] ["attr"] str
	Aggregate operator	Here, users can select the operation they want to perform on data. The possible operations vary according to the type of attribute. Click here for a detailed list.	input ["aggrfunc"] str
	Free Formula	Here, users can enter a specific formula to apply on data, if needed.	input ["formula"] str
Title	Title text	It defines the title of the gauge. By default, it will maintain the name of the applied operation and the attribute in the format: FunctionName(AttributeName)	layout ["title"] str
	Font family	It defines the font of the Title text. Users can select the desired one in the drop-down menu.	layout ["fontTitle"] str
	Font size (px)	Here users can insert the desired font size of the Title text in pixels.	layout ["fontTitleSize"] number
	Title color	It defines the color of the Title text. By clicking it, users can select Standard colors, otherwise they can use the color picker or choose the color code, which can be: Hex, Rgb, Hsl, Hsv. The default color is blue.	layout ["colorTitle"] str

VALUE

Subsection	Option	Description	GOLD Ref
Value	Minimum	it allows users to set the gauge’s minimum displayed value.	layout ["minValue"] number
	Maximum	it allows users to set the gauge’s maximum displayed value.	layout ["maxValue"] number
	Integer digits	Number of digits before the comma.	layout ["valueInt"] number
	Decimal digits	Number of digits after the comma.	layout ["valueDec"] number
Units of measure	Caption	It defines the caption that will be shown below the gauge.	layout ["units"] str
	Font family	It defines the font of the Caption. Users can select the desired one in the drop-down menu.	layout ["fontUnits"] str
	Font size (px)	Here users can insert the desired font size of the Caption.	layout ["fontUnitsSize"] number
	Font color	It defines the color of the Caption. By clicking it, users can select Standard colors, otherwise they can use the color picker or choose the color code, which can be: Hex, Rgb, Hsl, Hsv. The default color is blue.	layout ["colorUnits"] str
Value box	Visibility	Here, users can decide to hide the value box by clicking Hide, otherwise they can click Show and define its further customizations.	layout ["valueBox"] show/hide str
	Box text	Here, users can enter a value to display in the value box below the gauge. By default, it is the result of the performed operation.	layout ["valueText"] str
	Font family	It defines the font of the value. Users can select the desired one in the drop-down menu.	layout ["fontValue"] str
	Font size (px)	Here, users can insert the desired font size of the value.	layout ["fontValueSize"] number
	Box text color	It defines the color of the value. By clicking it, users can select Standard colors, otherwise they can use the color picker or choose the color code, which can be: Hex, Rgb, Hsl, Hsv. The default color is blue.	layout ["colorValueText"] str
	Width (%)	It defines the width of the value box.	layout ["valueBoxWidth"] number
	Border radius (px)	Here, users can define the radius of the value box border.	layout ["valueBoxBorderRadius"] number
	Text shadow	Here, users can apply a shadow on the value box by selecting Show, or decide to leave the option by default on Hide.	layout ["valueTextShadow"] show/hide str
	Text shadow color	It defines the color of the text shadow in the value box. By clicking it, users can select Standard colors, otherwise they can use the color picker or choose the color code, which can be: Hex, Rgb, Hsl, Hsv. The default color is black.	layout ["colorValueTextShadow"] str
	Box border color	It defines the color of the value box border shadow. By clicking it, users can select Standard colors, otherwise they can use the color picker or choose the color code, which can be: Hex, Rgb, Hsl, Hsv. The default color is black.	layout ["colorValueBoxRect"] str
	Box background color	It defines the background color of the value box. By clicking it, users can select Standard colors, otherwise they can use the color picker or choose the color code, which can be: Hex, Rgb, Hsl, Hsv. The default color is white.	layout ["colorValueBoxBackground"] str

TICKS

Subsection	Option	Description	GOLD Ref
Ticks bar	Minor ticks width	It defines the width of the minor ticks of the gauge.	layout ["ticksWidthMinor"] number
	Major ticks width	It defines the width of the major ticks of the gauge.	layout ["ticskWidth"] number
	Minor ticks	It defines the number of minor ticks displayed if the value i of the Exact ticks entry is set to No.	layout ["minorTicks"] number
	Exact ticks	If the value is Yes, the number of minor ticks between major ticks is automatically calculated; if the value is No the number of minor ticks displayed is the one defined in the Minor ticks entry.	layout ["exactTicks"] true/false str
	Major ticks int digit	It defines the number of values displayed before the comma of each major tick.	layout ["majorTicksInt"] number
	Major ticks dec digit	It defines the number of values displayed after the comma of each major tick.	layout ["majorTicksDec"] number
	Minor ticks color	It defines the color of the minor ticks. By clicking it, users can select Standard colors, otherwise they can use the color picker or choose the color code, which can be: Hex, Rgb, Hsl, Hsv. The default color is white.	layout ["colorMinorTicks"] str
	Major ticks color	It defines the color of the major ticks. By clicking it, users can select Standard colors, otherwise they can use the color picker or choose the color code, which can be: Hex, Rgb, Hsl, Hsv. The default color is black.	layout ["colorMajorTicks"] str
Ticks label	Font Family	It defines the font of the ticks values. Users can select the desired one in the drop-down menu.	layout ["fontNumbers"] str
	Font size (px)	Here, users can insert the desired font size of the ticks values.	layout ["fontNumbersSize"] number
	Label color	It defines the color of the major ticks values. By clicking it, users can select Standard colors, otherwise they can use the color picker or choose the color code, which can be: Hex, Rgb, Hsl, Hsv. The default color is black.	layout ["colorNumbers"] str

PLATE

Subsection	Option	Description	GOLD ref
Border options	Visibility	Here users can select Show Borders to make the gauge borders visible and customize them in the further options, or select Hide Borders to hide them.	layout ["borders"] show/hide str
	Inner Border Width (px)	Here users can define the width of the inner border of the gauge.	layout ["borderInnerWidth"] number
	Inner Gradient Start	It defines the color of the inner gradient start. By clicking it, users can select Standard colors, otherwise they can use the color picker or choose the color code, which can be: Hex, Rgb, Hsl, Hsv. The default color is white.	layout ["colorBorderInner"] str
	Inner Gradient End	It defines the color of the inner gradient end. By clicking it, users can select Standard colors, otherwise they can use the color picker or choose the color code, which can be: Hex, Rgb, Hsl, Hsv. The default color is red.	layout ["colorBorderInnerEnd"] str
	Middle Border Width (px)	It defines the width of the middle border of the gauge.	layout ["borderMiddleWidth"] number
	Middle Gradient Start	It defines the color of the middle gradient start. By clicking it, users can select Standard colors, otherwise they can use the color picker or choose the color code, which can be: Hex, Rgb, Hsl, Hsv. The default color is white.	layout ["colorBorderMiddle"] str
	Middle Gradient End	It defines the color of the middle gradient end. By clicking it, users can select Standard colors, otherwise they can use the color picker or choose the color code, which can be: Hex, Rgb, Hsl, Hsv. The default color is red.	layout ["colorBorderMiddleEnd"] str
	Outer Border Width (px)	It defines the width of the outer border of the gauge.	layout ["borderOuterWidth"] number
	Outer Gradient Start	It defines the color of the outer gradient start. By clicking it, users can select Standard colors, otherwise they can use the color picker or choose the color code, which can be: Hex, Rgb, Hsl, Hsv. The default color is white.	layout ["colorBorderOuter"] str
	Outer Gradient End	It defines the color of the outer gradient end. By clicking it, users can select Standard colors, otherwise they can use the color picker or choose the color code, which can be: Hex, Rgb, Hsl, Hsv. The default color is red.	layout ["colorBorderOuterEnd"] str
Plate options	Plate Color Gradient Start	It defines the color of the start of the background gradient. By clicking it, users can select Standard colors, otherwise they can use the color picker or choose the color code, which can be: Hex, Rgb, Hsl, Hsv. The default color is white.	layout ["colorPlate"] str
	Plate Color Gradient End	It defines the color of the end of the background gradient. By clicking it, users can select Standard colors, otherwise they can use the color picker or choose the color code, which can be: Hex, Rgb, Hsl, Hsv. The default color is white.	layout ["colorPlateEnd"] str

BAR

Subsection	Option	Description	GOLD Ref
Progress bar options	Visibility	Here users can select Show Bar Progress to make it visible or Hide Bar Progress to hide it.	layout ["barProgress"] str
	Width (%)	Here users can define the width of the progress bar.	layout ["barWidth"] number
	Length (px)	Here users can define the length of the progress bar.	layout ["barLength"] number
	Background Bar Color	It defines the background color of the progress bar. By clicking it, users can select Standard colors, otherwise they can use the color picker or choose the color code, which can be: Hex, Rgb, Hsl, Hsv. The default color is gray.	layout ["colorBar"] str
	Progress Bar Color	It defines the color of the progress bar. By clicking it, users can select Standard colors, otherwise they can use the color picker or choose the color code, which can be: Hex, Rgb, Hsl, Hsv. The default color is blue.	layout ["colorBarProgress"] str

Note

The Input options in the GENERAL tab cannot be parametrized.

See also

In the GENERAL tab it is possible to highlight a gauge portion (or more than one) by clicking on the plus icon next to ADD NEW HIGHLIGHT. Users can find the available options and the corresponding GOLD references below.

• Highlight start: it defines the value where to start the highlighting from.
  Gold Ref. layout; ["highlights",i,"from"] where i is the number of highlight to edit; number

• Highlight end: it defines the value where to end the highlighting.
  Gold Ref. layout; ["highlights",i,"to"] where i is the number of highlight to edit; number

• Highlight color: it defines the color of the highlighting. By clicking it, users can select Standard colors, otherwise they can use the color picker or choose the color code, which can be: Hex, Rgb, Hsl, Hsv. The default color is red.
  Gold Ref. layout; ["highlights",i,"color"] where i is the number of highlight to edit; number

See also

In the TICKS tab is also present the CONFIGURE MAJOR TICKS option, which allows users to perform some further operations on major ticks. By clicking it, a Major Ticks List will show a numbered list of major ticks beside which users can insert the value to apply to that specific tick. In order to modify the CONFIGURE MAJOR TICKS option by GOLD code, each entry needs to be defined twice:

• layout; ["majorTicksInfo", i, "index"] where i is the number of the edit operation and index is the tick you want to modify; number

• layout; ["majorTicksInfo", i, "value"] where i is the number of the edit operation and value is the new value you want to set for that specific tick; number.

See also

In the BAR tab, if compared to the Thermometer, the Speedometer presents some further customization options, related to its graphical aspect. Indeed, it is possible to customize the speedometer needle in the Needle options. Below users can find the available options to define and the corresponding GOLD references.

• Visibility, here users can decide to make it visible or not by clicking Show Needle or Hide Needle.
  GOLD Ref: layout ["needle"] show/hide
  str

• Arrow length (%)

• Type, which can be arrow or line.
  GOLD Ref: layout ["needleType"] str

• Color, which defines the color of the needle. By clicking it, users can select Standard colors, otherwise they can use the color picker or choose the color code, which can be: Hex, Rgb, Hsl, Hsv. The default color is white.
  GOLD Ref: layout; ["colorNeedle"]; str

• Body Length (%)

• Width (px), which defines the width of the needle.
  GOLDref: layout ["needleWidth"] number

• Side, where possible values are: both (by default), top, bottom.

---

Radial gauge and Linear gauge

Sample configuration with the integer attribute age.

As already mentioned above, the Radial gauge and the Linear gauge present the same tabs.

Users can find all the available options and the corresponding GOLD references in the table below.

Warning

In the Linear and Radial gauge it is not possible to drag Nominal and Binary attributes.

GENERAL

Subsection	Option	Description	GOLD Ref
Input options	Attribute	It shows the attribute name and type. By hovering over the attribute, a tooltip showing the table name and the attribute name appears . The format is: table!attr.	input ["table"] ["attr"] str
	Aggregate operator	Here users can select the operation they want to perform on data. The possible operations vary according to the type of attribute. Click here for a detailed list.	input ["aggrfunc"] str
	Free Formula	Here users can insert a specific formula to apply on data, if needed.	input ["formula"] str
Title Layout	Label	It defines the title of the gauge. By default, it will maintain the name of the attribute.	layout ["title","text"] str
	Font Family	It defines the font of the Label. Users can select the desired one in the drop-down menu.	layout ["title","font","family"] str
	Font size (px)	Here users can insert the desired font size of the Label.	layout ["title","font","size"] number
	Alignment	It defines the alignment of the Label, which can be: Left, Center (by default) or Right.	layout ["title","align"] left/center/right str
	Font color	It defines the color of the Label. By clicking it, users can select Standard colors, otherwise they can use the color picker or choose the color code, which can be: Hex, Rgb, Hsl, Hsv. The default color is blue.	layout ["title","font","color"] str
Gauge Style	Orientation	It defines the landscape orientation of the gauge. The possible values are: Horizontal, by default, or Vertical.	layout ["orientation"] h/v str
	Gauge color	It defines the gauge color. By clicking it, users can select Standard colors, otherwise they can use the color picker or choose the color code, which can be: Hex, Rgb, Hsl, Hsv. The default color is gray.	layout ["gauge","bgcolor"] str
Border Style	Border size (px)	Here users can insert the desired size of the gauge border.	layout ["gauge","borderwidth"] number
	Border color	It defines the color of the gauge border. By clicking it, users can select Standard colors, otherwise they can use the color picker or choose the color code, which can be: Hex, Rgb, Hsl, Hsv. The default color is black.	layout ["gauge","bordercolor"] str

NUMBER/DELTA

Subsection	Option	Description	GOLD Ref
Number	Visibility	Here users can select Show to make the numerical result of the applied operation visible, or Hide to hide it.	layout ["modeNumber"] show/hide str
	Font Family	It defines the font of the numbers. Users can select the desired one in the drop-down menu.	layout ["number","font","family"] str
	Font size (px)	Here users can insert the desired font size of the numbers.	layout ["number","font","size"] number
	Font color	It defines the color of the numbers. By clicking it, users can select Standard colors, otherwise they can use the color picker or choose the color code, which can be: Hex, Rgb, Hsl, Hsv. The default color is blue.	layout ["number","font","color"] str
	Prefix	Here users can add a prefix to the number.	layout ["number","prefix"] str
	Suffix	Here users can add a suffix to the number.	layout ["number","suffix"] str
Delta	Visibility	Here users can select Show to make the Delta visible, if any, or Hide to hide it.	layout ["modeDelta"] show/hide str
	Reference	Here users can set the value to calculate the Delta.	layout ["delta","reference"] number
	Font Family	It defines the font of the Delta. Users can select the desired one in the drop-down menu.	layout ["delta","font","family"] str
	Font size (px)	Here users can insert the desired font size of the Delta.	layout ["delta","font","size"] number
	Font color	It defines the 1font color of the Delta. By clicking it, users can select Standard colors, otherwise they can use the color picker or choose the color code, which can be: Hex, Rgb, Hsl, Hsv. The default color is black.
	Prefix	Here users can add a prefix to the Delta.	layout ["delta","prefix"] str
	Suffix	Here users can add a suffix to the Delta.	layout ["delta","suffix"] str
	Increasing color	It defines the color of the Delta, if it increases. By clicking it, users can select Standard colors, otherwise they can use the color picker or choose the color code, which can be: Hex, Rgb, Hsl, Hsv. The default color is green.	layout ["delta","increasing","color"] str
	Decreasing color	It defines the color of the Delta, if it decreases. By clicking it, users can select Standard colors, otherwise they can use the color picker or choose the color code, which can be: Hex, Rgb, Hsl, Hsv. The default color is red.	layout ["delta","decreasing","color"] str

TICKS

Subsection	Option	Description	GOLD Ref
Ticks options	Axis range (min)	It defines the starting value of the gauge range.	layout ["gauge","axis","range",0] number
	Axis range (max)	It defines the last value of the gauge range.	layout ["gauge","axis","range",1] number
	Tick mode	It defines the number of ticks displayed. If Auto is selected, the number of ticks is automatically set, while if Linear is selected, users can customize it. According to the selected entry, the further options appearing are different, as explained below.	layout ["gauge","axis","tickmode"] str
	Tick number	This option is only available if Auto in the Tick mode entry has been selected. It defines the number of ticks displayed.	layout ["gauge","axis","ntick"] number
	Starting tick	This option is only available if Linear in the Tick mode entry has been selected. It defines the starting value of each tick.	layout ["gauge","axis","tick0"] number
	Tick delta	This option is only available if Linear in the Tick mode entry has been selected. It defines the distance between two ticks.	layout ["gauge","axis","dtick"] number
Ticks Style	Tick length	Here users can define the length of the ticks.	layout ["gauge","axis","ticklen"] number
	Tick color	It defines the color of the ticks. By clicking it, users can select Standard colors, otherwise they can use the color picker or choose the color code, which can be: Hex, Rgb, Hsl, Hsv. The default color is gray.	layout ["gauge","axis","tickcolor"] str
	Tick angle	Here users can define the angle of the tick.	layout ["gauge","axis","tickangle"] number
	Font Family	It defines the font of the ticks values. Users can select the desired one in the drop-down menu.	layout ["gauge","axis","tickfont","family"] str
	Font size (px)	Here users can insert the desired font size of the ticks values.	layout ["gauge","axis","tickfont","size"] number
	Font color	It defines the color of the ticks. By clicking it, users can select Standard colors, otherwise they can use the color picker or choose the color code, which can be: Hex, Rgb, Hsl, Hsv. The default color is black.	layout ["gauge","axis","tickfont","color"] str
	Ticks directions	It defines the ticks direction, which can be: Outside (by default) or Inside.	layout ["gauge","axis","ticks"] str

BAR

Subsection	Option	Description	GOLD Ref
Bar Style	Thickness	Here users can define the thickness of the bar.	layout ["bar","thickness"] number
	Bar color	It defines the color of the gauge bar. By clicking it, users can select Standard colors, otherwise they can use the color picker or choose the color code, which can be: Hex, Rgb, Hsl, Hsv. The default color is blue.	layout ["bar","color"] str
	Line Width (px)	Here users can define the width of the bar outline.	layout ["bar","line,"width"] number
	Line color	It defines the color of the bar outline. By clicking it, users can select Standard colors, otherwise they can use the color picker or choose the color code, which can be: Hex, Rgb, Hsl, Hsv. The default color is black.	layout ["bar","line","color"] str
Threshold Style	Value	Here users can define the value on the gauge where the threshold line will be located.	layout ["threshold","value"] number
	Thickness	Here users can define the thickness of the threshold line.	layout ["threshold","thickness"] number
	Line Width (px)	Here users can define the width of the threshold line.	layout ["threshold","line","width"] number
	Threshold color	It defines the color of the threshold. By clicking it, users can select Standard colors, otherwise they can use the color picker or choose the color code, which can be: Hex, Rgb, Hsl, Hsv. The default color is blue.	layout ["threshold","line","color"] str

See also

In the BAR tab is also present the Highlights section, which allow users to highlight a gauge portion (or more than one), by clicking on the plus icon next to ADD NEW HIGHLIGHT. Users can find the available options and the corresponding GOLD references below.

• Min Value: it defines the value where to start the highlighting from. layout; ["steps","range",0]; number

• Max Value: it defines the value where to end the highlighting. layout; ["steps","range",1]; number

• Highlight color: it defines the color of the highlighting. By clicking it, users can select Standard colors, otherwise they can use the color picker or choose the color code, which can be: Hex, Rgb, Hsl, Hsv. The default color is yellow.
  Gold Ref. layout; ["steps", i,"color"] where i is the number of highlight to edit; str

• Line Width (px), it defines the width of the bar outline.
  Gold Ref. layout; ["steps", i, "line","width"] where i is the number of highlight to edit; number

• Line color, it defines the color of the bar outline. By clicking it, users can select Standard colors, otherwise they can use the color picker or choose the color code, which can be: Hex, Rgb, Hsl, Hsv. The default color is black.
  Gold Ref. layout; ["steps", i, "line","color"] where i is the number of highlight to edit; str

• Thickness: here users can define the thickness of the bar outline.
  Gold Ref. layout ["steps", i, "thickness"] where i is the number of highlight to edit; number

---

Indicator

Sample configuration with the integer attribute age.

The Indicator configuration is quicker, as this gauge only has two tabs. Users can find all the available options and the corresponding GOLD references in the table below.

Warning

In the Indicator gauge it is not possible to drag Nominal and Binary attributes.

GENERAL

Subsection	Option	Description	GOLD Ref
Input options	Attribute	It shows the attribute name and type.	input ["table"] ["attr"] str
	Aggregate Operator	Here users can select the operation they want to perform on data. The possible operations vary according to the type of attribute. Click here for a detailed list.	input ["aggrfunc"] str
	Free Formula	Here users can insert a specific formula to apply on data, if needed.	input ["formula"] str
Title Layout	Label	It defines the title of the gauge. By default, it will maintain the name of the attribute.	layout ["title","text"] str
	Font Family	It defines the font of the Label. Users can select the desired one in the drop-down menu.	layout ["title","font","family"] str
	Font size (px)	Here users can insert the desired font size of the Label.	layout ["title","font","size"] number
	Font color	It defines the color of the Label. By clicking it, users can select Standard colors, otherwise they can use the color picker or choose the color code, which can be: Hex, Rgb, Hsl, Hsv. The default color is blue.	layout ["title","font","color"] str
Gauge Style	Orientation	It defines the landscape orientation of the gauge. The possible values are: Horizontal, by default, or Vertical.	layout ["title","align"] v/h str
	Gauge color	It defines the gauge color. By clicking it, users can select Standard colors, otherwise they can use the color picker or choose the color code, which can be: Hex, Rgb, Hsl, Hsv. The default color is gray.	layout ["gauge","bgcolor"] str
Border style	Border size (px)	Here users can insert the desired size of the gauge border.	layout ["gauge","borderwidth"] number
	Border color	It defines the color of the gauge border. By clicking it, users can select Standard colors, otherwise they can use the color picker or choose the color code, which can be: Hex, Rgb, Hsl, Hsv. The default color is black.	layout ["gauge","bordercolor"] str

NUMBER/DELTA

Subsection	Option	Description	GOLD Ref
Number	Font Family	It defines the numbers font. Users can select the desired one in the drop-down menu.	layout ["number","font","family"] str
	Font size (px)	Here users can insert the desired font size of the numbers.	layout ["number","font","size"] number
	Font color	It defines the color of the numbers. By clicking it, users can select Standard colors, otherwise they can use the color picker or choose the color code, which can be: Hex, Rgb, Hsl, Hsv . The default color is blue.	layout ["number","font","color"] str
	Prefix	Here users can add a prefix to the number.	layout ["number","prefix"] str
	Suffix	Here users can add a suffix to the number.	layout ["number","suffix"] str
Delta	Visibility	Here users can select Show to make the Delta visible, if any, or Hide to hide it.	layout ["modeDelta"] show/hide str
	Reference	Here users can define the reference of the Delta.	layout ["delta","reference"] number
	Font Family	It defines the font of the Delta. Users can select the desired one in the drop-down menu.	layout ["delta","font","family"] str
	Font size (px)	Here users can insert the desired font size of the Delta.	layout ["delta","font","size"] number
	Font color	It defines the color of the Delta. By clicking it, users can select Standard colors, otherwise they can use the color picker or choose the color code, which can be: Hex, Rgb, Hsl, Hsv. The default color is black.
	Prefix	Here users can add a prefix to the Delta.	layout ["delta","prefix"] str
	Suffix	Here users can add a suffix to the Delta.	layout ["delta","suffix"] str
	Increasing color	It defines the color of the Delta, if it increases. By clicking it, users can select Standard colors, otherwise they can use the color picker or choose the color code, which can be: Hex, Rgb, Hsl, Hsv. The default color is green.	layout ["delta","increasing","color"] str
	Decreasing color	It defines the color of the Delta, if it decreases. By clicking it, users can select Standard colors, otherwise they can use the color picker or choose the color code, which can be: Hex, Rgb, Hsl, Hsv. The default color is red.	layout ["delta","decreasing","color"] str