Source options reference for the glass table editor in ITSI

The following source options are currently available for each chart, shape, and single value visualization in a glass table in IT Service Intelligence (ITSI). You can modify visualization properties in source mode. Note that boolean values and numbers are not encased in quotes. All strings and other options must be encased in quotes.

Area chart

Area chart options

The following options are available for editing area charts in the source editor:

Property	Type	Default	Description
annotation.categoryColors	object	N/A	Map comma-delimited, hexadecimal color values to specified categories. For example, {"count": "#ff0000","percent": "#cb3b43"}.
areaFillOpacity	number	0.75	Specify the opacity for the area fill using numbers between and including 0 and 1. This relates to the opacity percentages in the visual editor. 0 is transparent and 1 is completely opaque.
axisY2.enabled	boolean	false	Enable a y2-axis for chart overlays.
axisY2.fields	string	N/A	Specify a field that you want to map to a second y-axis for chart overlays.
axisLabelsY2.integerUnits	boolean	false	Specify whether to extend the y2-axis to include whole major tick marks.
axisY.includeZero	boolean	false	Specify whether the y-axis range includes zero.
axis2Y.includeZero	boolean	false	Specify whether the y2-axis range includes zero.
axisY.maximumNumber	(number | auto)	auto	Specify the maximum number for the visible y-axis range.
axisY2.maximumNumber	(number | auto)	auto	Specify the maximum number for the visible y2-axis range.
axisY.minimumNumber	(none | auto)	auto	Specify the minimum number for the visible y-axis range.
axisY2.minimumNumber	(none | auto)	auto	Specify the minimum number for the visible y2-axis range.
axisY.scale	(linear | log)	linear	Specify the scale type that applies to a numerical y-axis.
axisY2.scale	(linear | log)	linear	Specify the scale type that applies to a numerical y2-axis.
axisTitleX.text	string	N/A	Specify the title of the x-axis.
axisTitleY.text	string	N/A	Specify the title of the y-axis.
axisTitleY2.text	string	N/A	Specify the title of the y2-axis.
axisTitleX.visibility	(visible | collapsed)	visible	Specify whether to show the title of the x-axis.
axisTitleY.visibility	(visible | collapsed)	visible	Specify whether to show the title of the y-axis.
axisTitleY2.visibility	(visible | collapsed)	visible	Specify whether to show the title of the y2-axis.
gridLinesX.showMajorLines	boolean	true	Specify whether major grid lines are visible on the x-axis.
gridLinesY.showMajorLines	boolean	true	Specify whether major grid lines are visible on the y-axis.
gridLinesY2.showMajorLines	boolean	true	Specify whether major grid lines are visible on the second y-axis.
chart.overlayFields	string	N/A	Specify a space, or a field or, comma-delimited list of fields that should be maps to the y2-axis.
backgroundColor	string	N/A	Specify the color used for the chart background by using the hex code. For example, "#0000FF" .
data.fieldListMode	(show_hide | hide_show)	hide_show	Specify the order in which to apply the fieldShowList and fieldHideList filters.
data.fieldShowList	array	N/A	Specify a list of fields to show in the results. For example: ["#FF0000", "#000000", "#FFFFFF"].
data.fieldHideList	array	N/A	Specify a list of fields to hide in the results. ["#FF0000", "#000000", "#FFFFFF"].
fontColorstring	N/A	Specify the color used for fonts (axis labels, legends) using the hex code. For example, "#0000FF" .
foregroundColor	string	N/A	Specify the color used for the chart foreground by specifying the hex code. For example, "#0000FF".
fieldColors	object	N/A	Specify the color used for a field by specifying the hex code. For example: {"count": "#ff0000","percent": "#cb3b43"}. If you would like to maintain a space between two fields, you can use the backslash and quotes to surround the string and maintain the space. In this example: "{China:#45D4BA,US:#9AE6F7, \"Korea, South\" :#2F8AA7,SanMarino:#C0891E,Singapore:#780621,\"Cruise Ship\":#4EB2D2}" Korea, South and Cruise Ship will have spaces when they appear in the visualization.
legend.labelStyle.overflowMode	(ellipsisEnd | ellipsesMiddle | ellipsisStart | ellipsesNone)	ellipsesMiddle	Specify how to display legend labels when they overflow the layout boundaries by replacing overflow text with an ellipsis.
legend.placement	(right | left | top | bottom | none)	right	Specify the location of the legend on the panel.
legend.mode	(standard | seriesCompare)	standard	Provides visual and behavior settings for the tooltip and legend.
seriesColors	string []	Dark mode: ["#212527"], Light mode: ["#FFFFFF"]	Specify the hex color codes for the area chart. For example: ["#FF0000","#0000FF","#008000"]
drilldown	(all | none)	all	Specify whether to enable or disable drilldown for the chart.
chart.nullValueMode	(gaps | zero | connected)	gaps	Specify how area and line charts handle null values.
chart.stackMode	(default | stacked | stacked100)	default	Specify stacking options.
chart.resultTruncationLimit	number	50000	Specify a limit for the number of data points rendered in a chart.
chart.showDataLabels	(none | all | minmax)	none	Specify whether you want area charts to display no labels, all labels, or only the min and max labels.
chart.showLines	boolean	true	Specify whether you want lines to show in area charts.
layout.splitSeries	boolean	false	Set to true to split a multi-series chart into separate charts that are stacked from top to bottom; one for each series.
layout.splitSeries.allowIndependentYRanges	boolean	false	Specify whether split series charts have independent y-ranges.

Bar chart

Bar chart options

The following options are available for editing bar charts in the source editor:

Property	Type	Default	Description
axisY2.enabled	boolean	false	Enable a y2-axis for chart overlays.
axisY2.fields	string	N/A	Specify a field to map to a second y-axis for chart overlays.
axisLabelsY.integerUnits	boolean	false	Specify whether the major unit of the y-axis is rounded to the nearest integer.
axisY.includeZero	boolean	false	Specify whether the y-axis range includes zero.
axis2Y.includeZero	boolean	false	Specify whether the y2-axis range includes zero.
axisY.maximumNumber	(number | auto)	auto	Specify the maximum number for the visible y-axis range.
axisY2.maximumNumber	(number | auto)	auto	Specify the maximum number for the visible y2-axis range.
axisY.minimumNumber	(none | auto)	auto	Specify the minimum number for the visible y-axis range.
axisY2.minimumNumber	(none | auto)	auto	Specify the minimum number for the visible y2-axis range.
axisY.scale	(linear | log)	linear	Specify the scale type that applies to a numerical y-axis.
axisY2.scale	(linear | log)	linear	Specify the scale type that applies to a numerical y2-axis.
axisTitleX.text	string	N/A	Specify the title of the x-axis.
axisTitleY.text	string	N/A	Specify the title of the y-axis.
axisTitleY2.text	string	N/A	Specify the title of the y2-axis.
axisTitleX.visibility	(visible | collapsed)	visible	Specify whether to show the title of the x-axis.
axisTitleY.visibility	(visible | collapsed)	visible	Specify whether to show the title of the y-axis.
axisTitleY2.visibility	(visible | collapsed)	visible	Specify whether to show the title of the y2-axis.
gridLinesX.showMajorLines	boolean	false	Specify whether major grid lines are visible on the x-axis.
gridLinesY.showMajorLines	boolean	false	Specify whether major grid lines are visible on the y-axis.
gridLinesY2.showMajorLines	boolean	false	Specify whether major grid lines are visible on the second y-axis.
chart.overlayFields	string	N/A	Specify a field, a space, or a comma-delimited list of fields that you want to map to the y2-axis.
backgroundColor	string	N/A	Specify the color used for the chart background by using the hex code. For example, "#0000FF".
fontColor	string	N/A	Specify the color used for fonts (axis labels, legends) using the hex code. For example, "#0000FF".
foregroundColor	string	N/A	Specify the color used for the chart foreground by specifying the hex code. For example, "#0000FF".
fieldColors	object	N/A	Specify the color used for a field by specifying the hex code. For example, {"count": "#ff0000","percent": "#cb3b43"}. If you would like to maintain a space between two fields, you can use the backslash and quotes to surround the string and maintain the space. In this example: "{China:#45D4BA,US:#9AE6F7, \"Korea, South\" :#2F8AA7,SanMarino:#C0891E,Singapore:#780621,\"Cruise Ship\":#4EB2D2}" Korea, South and Cruise Ship will have spaces when they appear in the visualization.
seriesColors	array	(dark and light mode defaults) ["#1E93C6", "#F2B827", "#D6563C", "#6A5C9E", "#31A35F"]	Specify the hex color codes for the bars to use in order from largest to smallest. For example, ["#FF0000","#0000FF","#008000"].
drilldown	(all | none)	all	Specify whether to enable or disable drilldown for the chart.
chart.barSpacing	number	N/A	Specify the spacing, in pixels, between columns in a bar chart.
chart.seriesSpacing	number	N/A	Specify the spacing, in pixels, between clustered series in column and bar charts.
chart.stackMode	(default | stacked | stacked100)	default	Specify stacking options.
chart.resultTruncationLimit	number	50000	Specify a limit for the number of data points rendered in a chart.
legend.placement	(right | left | top | bottom | none)	right	Specify the location of the legend on the panel.
legend.labelStyle.overflowMode	(ellipsisEnd | ellipsesMiddle | ellipsisStart | ellipsesNone)	ellipsesMiddle	Specify how to display legend labels when they overflow the layout boundaries by replacing overflow text with an ellipsis.
layout.splitSeries	boolean	false	Set to true to split a multi-series chart into separate charts that are stacked from top to bottom; one for each series.
data.fieldListMode	(show_hide | hide_show)	hide_show	Specify the order in which to apply the fieldShowList and fieldHideList filters.
data.fieldShowList	array	N/A	Specify a list of fields to show in the results. For example: ["#FF0000", "#000000", "#FFFFFF"].
data.fieldHideList	array	N/A	Specify a list of fields to hide in the results. For example: ["#FF0000", "#000000", "#FFFFFF"].
chart.showDataLabels	(none | all | minmax)	none	Specify whether you want bar charts to display no labels, all labels, or only the min and max labels.

Bubble chart

Bubble chart options

The following options are available for editing bubble charts in the source editor:

Property	Type	Default	Description
axisLabelsX.integerUnits	boolean	false	Specify whether the y2-axis should be extended to include whole major tick marks.
axisLabelsX.majorUnit	(number | auto)	auto	Specify the spacing, in pixels, between major tick marks along the numeric x-axis.
axisLabelsX.minorTickVisibility	(auto | show | hide)	auto	Specify whether minor tick marks on the y-axis are visible.
axisX.abbreviation	(none | auto)	none	Specify whether to abbreviate large x-axis values with the closest SI prefix.
axisX.includeZero	boolean	false	Specify whether the x-axis range includes zero.
axisY.includeZero	boolean	false	Specify whether the y-axis range includes zero.
axisX.maximumNumber	(number | auto)	auto	Specify the maximum number for the visible x-axis range.
axisY.maximumNumber	(number | auto)	auto	Specify the maximum number for the visible y-axis range.
axisX.minimumNumber	(none | auto)	auto	Specify the minimum number for the visible x-axis range.
axisY.minimumNumber	(none | auto)	auto	Specify the minimum number for the visible y-axis range.
axisX.scale	(linear | log)	linear	Specify the scale type that applies to a numerical x-axis.
axisY.scale	(linear | log)	linear	Specify the scale type that applies to a numerical y-axis.
axisTitleX.text	string	N/A	Specify the title of the x-axis.
axisTitleY.text	string	N/A	Specify the title of the y-axis.
axisTitleX.text	string	N/A	Specify the title of the x-axis.
axisTitleX.visibility	(visible | collapsed)	visible	Specify whether to show the title of the x-axis.
axisTitleY.visibility	(visible | collapsed)	visible	Specify whether to show the title of the y-axis.
axisLabelsX.extendsAxisRange	boolean	true	Specify whether the x-axis should be extended to include whole major tick marks.
gridLinesY.showMajorLines	boolean	true	Specify whether major grid lines are visible on the y-axis.
backgroundColor	string	N/A	Specify the color used for the chart background by using the Hex code. For example, "#0000FF" .
fontColor	string	N/A	Specify the color used for fonts (axis labels, legends) using the Hex code. For example, "#0000FF" .
foregroundColor	string	N/A	Specify the color used for the chart foreground by specifying the Hex code. For example, "#0000FF" .
fieldColors	object	N/A	Specify the color used for a field by specifying the hex code. For example, {"count": "#ff0000","percent": "#cb3b43"}. If you would like to maintain a space between two fields, you can use the backslash and quotes to surround the string and maintain the space. In this example: "{China:#45D4BA,US:#9AE6F7, \"Korea, South\" :#2F8AA7,SanMarino:#C0891E,Singapore:#780621,\"Cruise Ship\":#4EB2D2}" Korea, South and Cruise Ship will have spaces when they appear in the visualization.
gridLinesX.showMinorLines	boolean	false	Specify whether minor grid lines are visible on the x-axis.
legend.labelStyle.overflowMode	(ellipsisEnd | ellipsesMiddle | ellipsisStart | ellipsesNone)	ellipsesMiddle	Specify how to display legend labels when they overflow the layout boundaries by replacing overflow text with an ellipsis.
legend.placement	(right | left | top | bottom | none)	right	Specify the location of the legend on the panel.
seriesColors	array	(dark and light mode defaults) ["#1E93C6", "#F2B827", "#D6563C", "#6A5C9E", "#31A35F"]	Specify the hex color codes for the bars to use in order from largest to smallest. For example, ["#FF0000","#0000FF","#008000"].
drilldown	(all | none)	all	Specify whether to enable or disable drilldown for the chart.
chart.resultTruncationLimit	number	50000	Specify a limit for the number of data points rendered in a chart.
chart.bubbleMaximumSize	number	50	Specify, in pixels, the maximum size of each bubble. Set chart.bubbleSizeBy to specify how this is measured.
chart.bubbleMinimumSize	number	10	Specify, in pixels, the minimum size of each bubble. Set chart.bubbleSizeBy to specify how this is measured.
chart.bubbleSizeBy	(area | diameter)	area	Specify how bubble size is measured.

Choropleth map

Choropleth map options

The following options are available for editing choropleth maps in the source editor:

Property	Type	Default	Description
source	(geo://default/world | geo://default/us)	(geo://default/world | geo://default/us)	Source for geographic data for the world or US.
projection	(mercator | equirectangular)	mercator	Specify the way the map is projected
fillColor	string	#EAEFF2	Select a fill color for regions with no data. For example, if you want all regions with no data to be white, use "#FFFFFF".
strokeColor	string	#689C8D	Select a stroke color for regions with no data. For example, if you want all regions with no data to be grey, use "#808080".

Choropleth SVG

Choropleth SVG options

The following options are available for editing choropleth SVG visualizations in the source editor:

Property	Type	Default	Description
SVG	string	N/A	KV store location of the SVG image.
backgroundColor	string	Light mode: "#FFFFFF". Dark mode: "#212527",	Specify, using a hex code, the background color behind the SVG map, title, and description. For example, "#0000FF"

Column chart

Column chart options

The following options are available for editing column charts in the source editor:

Property	Type	Default	Description
annotation.categoryColors	object	N/A	Map comma-delimited, hexadecimal color values to specified categories. For example, {"count": "#ff0000","percent": "#cb3b43"}.
axisY2.enabled	boolean	false	Enable a y2-axis for chart overlays.
axisY2.fields	string	N/A	Specify a field to map to a second y-axis for chart overlays.
axisY.includeZero	boolean	false	Specify whether the y-axis range includes zero.
axis2Y.includeZero	boolean	false	Specify whether the y2-axis range includes zero.
axisY.maximumNumber	(number | auto)	auto	Specify the maximum number for the visible y-axis range.
axisY2.maximumNumber	(number | auto)	auto	Specify the maximum number for the visible y2-axis range.
axisY.minimumNumber	(none | auto)	auto	Specify the minimum number for the visible y-axis range.
axisY2.minimumNumber	(none | auto)	auto	Specify the minimum number for the visible y2-axis range.
axisY.scale	(linear | log)	linear	Specify the scale type that applies to a numerical y-axis.
axisY2.scale	(linear | log)	linear	Specify the scale type that applies to a numerical y2-axis.
axisTitleX.text	string	N/A	Specify the title of the x-axis.
axisTitleY.text	string	N/A	Specify the title of the y-axis.
axisTitleY2.text	string	N/A	Specify the title of the y2-axis.
axisTitleX.visibility	(visible | collapsed)	visible	Specify whether to show the title of the x-axis.
axisTitleY.visibility	(visible | collapsed)	visible	Specify whether to show the title of the y-axis.
axisTitleY2.visibility	(visible | collapsed)	visible	Specify whether to show the title of the y2-axis.
gridLinesX.showMajorLines	boolean	false	Specify whether major grid lines are visible on the x-axis.
gridLinesY.showMajorLines	boolean	false	Specify whether major grid lines are visible on the y-axis.
gridLinesY2.showMajorLines	boolean	false	Specify whether major grid lines are visible on the second y-axis.
chart.overlayFields	string	N/A	Specify a field or a space or comma-delimited list of fields to map to the y2-axis.
backgroundColor	string	N/A	Specify the color used for the chart background by using the hex code. For example, "#0000FF".
data.fieldListMode	(show_hide | hide_show)	hide_show	Specify the order in which to apply the fieldShowList and fieldHideList filters.
data.fieldShowList	array	N/A	Specify a list of fields to show in the results. For example: ["#FF0000", "#000000", "#FFFFFF"].
data.fieldHideList	array	N/A	Specify a list of fields to hide in the results. For example: ["#FF0000", "#000000", "#FFFFFF"].
fontColor	string	N/A	Specify the color used for fonts using the hex code. For example, "#0000FF".
foregroundColor	string	N/A	Specify the color used for the chart foreground by specifying the hex code. For example, "#0000FF".
fieldColors	object	N/A	Specify the color used for a field by specifying the hex code. For example, {"count": "#ff0000","percent": "#cb3b43"}. If you would like to maintain a space between two fields, you can use the backslash and quotes to surround the string and maintain the space. In this example: "{China:#45D4BA,US:#9AE6F7, \"Korea, South\" :#2F8AA7,SanMarino:#C0891E,Singapore:#780621,\"Cruise Ship\":#4EB2D2}" Korea, South and Cruise Ship will have spaces when they appear in the visualization.
legend.labelStyle.overflowMode	(ellipsisEnd | ellipsesMiddle | ellipsisStart | ellipsesNone)	ellipsesMiddle	Specify how to display legend labels when they overflow the layout boundaries by replacing overflow text with an ellipsis.
legend.placement	(right | left | top | bottom | none)	right	Specify the location of the legend on the panel.
seriesColors	array	(dark and light mode defaults) ["#1E93C6", "#F2B827", "#D6563C", "#6A5C9E", "#31A35F"]	Specify the hex color codes for the bars to use in order from largest to smallest. For example, ["#FF0000","#0000FF","#008000"].
drilldown	(all | none)	all	Specify whether to enable or disable drilldown for the chart.
chart.seriesSpacing	number	N/A	Specify the spacing, in pixels, between clustered series in column and bar charts.
chart.columnSpacing	number	N/A	Specify the spacing, in pixels, between columns in a column chart.
chart.stackMode	(default | stacked | stacked100)	default	Specify stacking options.
chart.resultTruncationLimit	number	50000	Specify a limit for the number of data points rendered in a chart.
chart.showDataLabels	(none | all | minmax)	none	Specify whether you want column charts to display no labels, all labels, or only the min and max labels.
layout.splitSeries	boolean	false	Set to true to split a multi-series chart into separate charts that are stacked from top to bottom; one for each series.
layout.splitSeries.allowIndependentYRanges	boolean	false	Specify whether split series charts have independent y-ranges.

Ellipses

Ellipse shape options

The following options are available for editing an ellipse in the source editor:

Property	Type	Default	Description
stroke	number		Specify the color of the stroke using a hex code. For example, "#FF0000".
strokeOpacity	number	1	Specify the opacity of the stroke. Choose a number in the range of 0-1. You can also express the value as a percentage. For example, "0.80" or "80%".
strokeWidth	number	1	Specify the width of the stroke, in pixels, in the range of 1-25.
fill	string		Specify the color fill using a hex code. For example, "#FF0000".
fillOpacity	number	1	Specify the opacity of the fill. Choose a number in the range of 0-1. You can also express the value as a percentage. For example, "0.80" or "80%".
strokeDasharray	number	0	Specify the size, in pixels, of dashes and spaces used to create a custom, stitched outline. The value you specify applies to both dashes and spaces.
opacity	number	1	Specify the opacity of the entire object. Stroke and fill colors are retained. Choose a number in the range of 0-1. You can also express the value as a percentage. For example, "0.80" or "80%".

Filler gauge

Filler gauge options

The following options are available for editing filler gauges in the source editor:

Property	Type	Default	Description
backgroundColor	string	light mode: "FFFFFF" dark mode: "#212527"	Use a hex code to specify the color used for the dashboard background. For example: "#0000FF".
majorUnit	number or "auto"	auto	Specify the spacing between major tick marks in pixels.
orientation	string	horizontal	Specify the axis orientation of the gauge. horizontal or vertical.
showLabels	boolean	true	Specify whether to display labels.
showValue	boolean	true	Specify whether the gauge value is displayed.
usePercentageRange	boolean	true	Specify whether to format gauge ranges as percentages.
usePercentageValue	boolean	false	Specify whether to format the gauge values as percentages.

Images

Image options

The following options are available for editing an image in the source editor:

Property	Type	Default	Description
src	string	N/A	URL of an image file. The editor accepts all browser-supported image formats.
preserveAspectRatio	boolean	false	Set to true to maintain the aspect ratio of an image when the screen is resized.

Line chart

Line chart options

The following options are available for editing line charts in the source editor:

Property	Type	Default	Description
annotation.categoryColors	object	N/A	Map comma-delimited, hexadecimal color values to specified categories. For example, {"count": "#FF0000","percent": "#CB3B43"}.	axisY2.enabled	boolean	false	Enable a y2-axis for chart overlays.
axisY2.fields	string	N/A	Specify a field to map to a second y-axis for chart overlays.
axisY.includeZero	boolean	false	Specify whether the y-axis range includes zero.
axis2Y.includeZero	boolean	false	Specify whether the y2-axis range includes zero.
axisY.maximumNumber	(number | auto)	auto	Specify the maximum number for the visible y-axis range.
axisY2.maximumNumber	(number | auto)	auto	Specify the maximum number for the visible y2-axis range.
axisY.minimumNumber	(none | auto)	auto	Specify the minimum number for the visible y-axis range.
axisY2.minimumNumber	(none | auto)	auto	Specify the minimum number for the visible y2-axis range.
axisY.scale	(linear | log)	linear	Specify the scale type that applies to a numerical y-axis.
axisY2.scale	(linear | log)	linear	Specify the scale type that applies to a numerical y2-axis.
axisTitleX.text	string	N/A	Specify the title of the x-axis.
axisTitleY.text	string	N/A	Specify the title of the y-axis.
axisTitleY2.text	string	N/A	Specify the title of the y2-axis.
axisTitleX.visibility	(visible | collapsed)	visible	Specify whether to show the title of the x-axis.
axisTitleY.visibility	(visible | collapsed)	visible	Specify whether to show the title of the y-axis.
axisTitleY2.visibility	(visible | collapsed)	visible	Specify whether to show the title of the y2-axis.
gridLinesX.showMajorLines	boolean	true	Specify whether major grid lines are visible on the x-axis.
gridLinesY.showMajorLines	boolean	true	Specify whether major grid lines are visible on the y-axis.
gridLinesY2.showMajorLines	boolean	true	Specify whether major grid lines are visible on the second y-axis.
chart.overlayFields	string	N/A	Specify a field or a space or comma-delimited list of fields that to map to the y2-axis.
chart.resultTruncationLimit	number	50000	Specify the number of data points rendered in a chart.
backgroundColor	string	N/A	Specify the color used for the chart background by using the hex code. For example, "#0000FF".
data.fieldListMode	(show_hide | hide_show)	hide_show	Specify the order in which to apply the fieldShowList and fieldHideList filters.
data.fieldShowList	array	N/A	Specify a list of fields to show in the results. For example: ["#FF0000", "#000000", "#FFFFFF"].
data.fieldHideList	array	N/A	Specify a list of fields to hide in the results. For example: ["#FF0000", "#000000", "#FFFFFF"].
fontColor	string	N/A	Specify the color used for fonts using the hex code. For example, "#0000FF" .
foregroundColor	string	N/A	Specify the color used for the chart foreground by specifying the hex code. For example, "#0000FF" .
fieldColors	object	N/A	Specify the color used for a field by specifying the hex code. For example, {"count": "#ff0000","percent": "#cb3b43"}. If you would like to maintain a space between two fields, you can use the backslash and quotes to surround the string and maintain the space. In this example: "{China:#45D4BA,US:#9AE6F7, \"Korea, South\" :#2F8AA7,SanMarino:#C0891E,Singapore:#780621,\"Cruise Ship\":#4EB2D2}" Korea, South and Cruise Ship will have spaces when they appear in the visualization.
legend.labelStyle.overflowMode	(ellipsisEnd | ellipsesMiddle | ellipsisStart | ellipsesNone)	ellipsesMiddle	Specify how to display legend labels when they overflow the layout boundaries by replacing overflow text with an ellipsis.
axisLabelsX.maxLabelParts	number	3	Specify the maximum number of time parts that a tick label will have. The three possible parts are year, month, and time.
axisLabelsX.axisVisibility	(hide | show)	hide	Specify if the x-axis line is visible.
axisLabelsY.axisVisibility	(hide | show)	hide	Specify if the y-axis is visible.
axisLabelsY2.axisVisibility	(hide | show)	hide	Specify if the y2-axis line is visible.
axisLabelsY.extendsAxisRange	boolean	true	Specify whether the y-axis should be extended to include whole major tick marks.
axisLabelsX.majorLabelStyle.rotation	(-90 | -45 | 0 | 45 | 90)	0	Specify the rotation of the x-axis label in degrees.
axisLabelsY2.integerUnits	boolean	false	Specify if the major unit of the y2-axis is rounded to the nearest integer.
axisLabelsX.majorLabelVisibility	(hide | show | auto)	auto	Specify if labels for major tick marks are visible on the x-axis.
axisLabelsY.majorLabelVisibility	(hide | show | auto)	auto	Specify if labels for major tick marks are visible on the y-axis.
axisLabelsY2.majorLabelVisibility	(hide | show | auto)	auto	Specify if labels for major tick marks are visible on the y2-axis.
axisLabelsX.majorTickSize	number	6	Specify the size, in pixels, of major tick marks on the x-axis.
axisLabelsY.majorTickSize	number	6	Specify the size, in pixels, of major tick marks on the y-axis.
axisLabelsY2.majorTickSize	number	6	Specify the size, in pixels, of major tick marks on the y2-axis.
axisLabelsY.minorTickSize	number	6	Specify the size, in pixels, of minor tick marks on the y-axis.
axisLabelsY2.minorTickSize	number	6	Specify the size, in pixels, of minor tick marks on the y2-axis.
axisLabelsY2.axisVisibility	(hide | show)	hide	Specify if the y2-axis line is visible.
axisLabelsX.majorTickVisibility	(hide | show)	hide	Specify if the major tick marks on the x-axis are visible.
axisLabelsY.majorTickVisibility	(hide | show)	hide	Specify if the major tick marks on the y-axis are visible.
axisLabelsY2.majorTickVisibility	(hide | show)	hide	Specify if the major tick marks on the y2-axis are visible.
axisLabelsY.minorTickVisibility	(hide | show | auto)	auto	Specify if labels for minor tick marks are visible on the y-axis.
axisLabelsY2.minorTickVisibility	(hide | show | auto)	auto	Specify if labels for minor tick marks are visible on the y2-axis.
axisLabelsY.majorUnit	(number | auto)	auto	Specify the spacing unit, in pixels, between major tick marks along the numeric y-axis
axisLabelsY2.majorUnit	(number | auto)	auto	Specify the spacing unit, in pixels, between major tick marks along the numeric y2-axis
axisY.abbreviation	string	N/A	Specify whether to abbreviate large y-axis values with the closest SI prefix.
axisY2.abbreviation	string	N/A	Specify whether to abbreviate large y2-axis values with the closest SI prefix.
legend.placement	(right | left | top | bottom | none)	right	Specify the location of the legend on the panel.
legend.mode	(standard | seriesCompare)	standard	Provides visual and behavior settings for the tooltip and legend.
seriesColors	array	(dark and light mode defaults) ["#1E93C6", "#F2B827", "#D6563C", "#6A5C9E", "#31A35F"]	Specify the hex color codes for the bars to use in order from largest to smallest. For example, ["#FF0000","#0000FF","#008000"].
drilldown	(all | none)	all	Specify whether to enable or disable drilldown for the chart.
chart.nullValueMode	(gaps | zero | connected)	gaps	Specify how area and line charts handle null values.
chart.showDataLabels	(none | all | minmax)	none	Specify whether you want line charts to display no labels, all labels, or only the min and max labels.
chart.showMarkers	boolean	false	Specify whether to show markers in line charts.
field DashStyles	(solid | shortDash | shortDot | shortDashDot | shortDashDotDot | dot | dash | longDash | dashDot | longDashDot | longDashDotDot)	solid	Specify a dash style to use for each field. For example, '{"count":"longDashDot", "percent":"longDashDotDot"}'.
field DashStyle	(solid | shortDash | shortDot | shortDashDot | shortDashDotDot | dot | dash | longDash | dashDot | longDashDot | longDashDotDot)	solid	Specify a dash style for all line series in the chart.
layout.splitSeries	boolean	false	Set to true to split a multi-series chart into separate charts that are stacked from top to bottom; one for each series.
layout.splitSeries.allowIndependentYRanges	boolean	false	Specify whether split series charts have independent y-ranges.
lineWidth	number	2	Specify the line width, in pixels, for all of the lines in a series.

Line shape

Line shape options

The following options are available for editing a line in the source editor:

Property	Type	Default	Description
strokeColor	string	light mode: "#000000". Dark mode: "#FFFFFF"	Specify the color of the line.
strokeOpacity	number	1	Specify the opacity of the stroke. Choose a number in the range of 0-1. You can also express the value as a percentage. For example, "0.80" or "80%".
strokeWidth	number	1	Specify the width of the stroke, in pixels, in the range of 1-25.
strokeDasharray	number	0	Specify the size, in pixels, of dashes and spaces used to create a custom, stitched outline. The value you specify applies to both dashes and spaces.
toArrow	boolean	false	Specify whether the line begins with an arrow.
fromArrow	boolean	false	Specify whether the line ends with an arrow.
strokeDataSeries	string	seriesByType(\"color\")	Identifies the data field from the primary data source that has a color type. For example: a selected data field could be called alert_color.
strokeDataPoint	string	lastPoint()	Specifies the latest recorded value of the selected data field.
strokeColor	string	strokeDataPoint	Specifies the line color.

Marker gauge

Marker gauge options

The following options are available for editing marker gauges in the source editor:

Property	Type	Default	Description
backgroundColor	string	light mode: "#FFFFFF" Dark mode: "#212527"	Use a hex code to specify the color used for the dashboard background. For example: "#0000FF".
majorUnit	number or "auto"	auto	Specify the spacing between major tick marks in pixels.
orientation	string	horizontal	Specify the axis orientation of the gauge. horizontal or vertical.
showLabels	boolean	true	Specify whether to display labels.
showValue	boolean	true	Specify whether the gauge value is displayed.
usePercentageRange	boolean	true	Specify whether to format gauge ranges as percentages.
usePercentageValue	boolean	false	Specify whether to format the gauge values as percentages.
ranges	arrayOf(object)	["[object Object]", "[object Object]", "[object Object]"]	Specify the overall range of the gauge as a series of continuous, color-coded subranges. For example, [{"from": 0, "to": 20, "value": "#4BEBA8"}, {"from": 20, "to": 50, "value": "#F4DF7A"}].

Pie chart

Pie chart options

The following options are available for editing pie charts in the source editor:

Property	Type	Default	Description
backgroundColor	string	N/A	Specify the color used for the chart background by using the hex code. For example, "#0000FF".
fontColor	string	N/A	Specify the color used for fonts using the hex code. For example, "#0000FF".
foregroundColor	string	N/A	Specify the color used for the chart foreground by specifying the hex code. For example, "#0000FF".
fieldColors	object	N/A	Specify the color used for a field by specifying the hex code. For example, {"count": "#ff0000","percent": "#cb3b43"}. If you would like to maintain a space between two fields, you can use the backslash and quotes to surround the string and maintain the space. In this example: "{China:#45D4BA,US:#9AE6F7, \"Korea, South\" :#2F8AA7,SanMarino:#C0891E,Singapore:#780621,\"Cruise Ship\":#4EB2D2}" Korea, South and Cruise Ship will have spaces when they appear in the visualization.
seriesColors	array	(dark and light mode defaults) ["#1E93C6", "#F2B827", "#D6563C", "#6A5C9E", "#31A35F"]	Specify the hex color codes for the bars to use in order from largest to smallest. For example, ["#FF0000","#0000FF","#008000"].
drilldown	(all | none)	none	Specify whether to enable drilldown for the chart.
chart.sliceCollapsingLabel	string	other	Specify the label for a consolidated pie slice.
chart.sliceCollapsingThreshold	number	0.01	Specify the size threshold, as a percentage of the whole pie, at which point slices collapse into one consolidated slice.
chart.resultTruncationLimit	number	50000	Specify a limit for the number of data points rendered in a chart.
chart.showLabels	boolean	true	Specify whether to display labels.
chart.showPercent	boolean	false	Specify whether to display percentage values in the labels.
hasDonutHole	Specify whether the pie chart has a hole in the middle. Much like a donut.	boolean	false

Punchcard chart

Punchcard chart options

The following options are available for editing punchcard charts in the source editor:

Property	Type	Default	Description
backgroundColor	string	transparent	Specify the hex code for the color used for the chart background. For example: "#0000FF".
showBubbleLabels	string	all	Specify when a bubble label will be displayed. The options are max, all, and none.
bubbleRowScale	string	global	Specify how bubbles scale relative to the rows. global scales the bubbles in relation to all of the rows in the chart, while row scales the bubbles only in relation to the row that each are in.
bubbleScale	string	area	Specify whether the bubble size should be based on the value being proportional to the radius or the area.
seriesColors	array	(dark and light mode defaults) ["#1E93C6", "#F2B827", "#D6563C", "#6A5C9E", "#31A35F"]	Specify the Hex code for colors used for a series. For example, ["#FF0000", "#0000FF", "#008000"].
isBubbleSizeDynamic	boolean	true	Specify whether the bubble size should be dynamic or fixed. The default true means the bubbles scale with the values associated with them.
maxBubbleRadius	number	15	Specifiy the maximum radius in pixels of the bubbles when isBubbleSizeDynamic is set to false. Numbers must be greater than 0.
minBubbleRadius	number	1	Specify the minimum radius in pixels of the bubbles when isBubbleSizeDynamic is set to false. The number must be greater than 0.
maxBubbleSize	number	1	Specify the maximum percentage (in decimal format) of space a bubble should take up within a cell when the isBubbleSizeDynamic option is set to true. The number specified must be between 0 and 1.
minBubbleSize	number	0.25	Specifies the minimum percentage (in decimal format) of space a bubble should take up within a cell when isBubbleSizeDynamic is set to true . The number must be between 0 and 1.
showMaxValuePulsation	boolean	true	Specify whether the maximum bubble should pulsate.
showLegend	boolean	true	Specify whether a legend should be rendered in categorical colorMode.
useDefaultSort	boolean	false	If set to true, axes will be sorted in the order of time order, digit values, and strings.

Rectangles

Rectangle shape options

The following options are available for editing a rectangle in the source editor:

Property	Type	Default	Description
stroke	number		Specify the color of the stroke using a hex code. For example, "#FF0000".
strokeOpacity	number	1	Specify the opacity of the stroke. Choose a number in the range of 0-1. You can also express the value as a percentage. For example, "0.80" or "80%".
strokeWidth	number	1	Specify the width of the stroke, in pixels, in the range of 1-25.
fill	string		Specify the color fill using a hex code. For example, "#FF0000".
fillOpacity	number	1	Specify the opacity of the fill. Choose a number in the range of 0-1. You can also express the value as a percentage. For example, "0.80" or "80%".
strokeDasharray	number	0	Specify the size, in pixels, of dashes and spaces used to create a custom, stitched outline. The value you specify applies to both the dashes and the spaces.
opacity	number	1	Specify the opacity of the entire object. Stroke and fill colors are retained. Choose a number in the range of 0-1. You can also express the value as a percentage. For example, "0.80" or "80%".
rx	number	auto	Specify the curvature of the horizontal corner (or border) radius with an integer or a percent greater than or equal to zero.
ry	number	auto	Specify the curvature of the vertical corner, or border radius with an integer or a percent greater than or equal to zero.
strokeLinejoin	(arcs | bevel | miter | miter-clip | round)	miter	Specifies the shape to be used at the corners of paths when they are joined.

Scatter chart

Scatter chart options

The following options are available for editing scatter charts in the source editor:

Property	Type	Default	Description
axisLabelsX.extendsAxisRange	boolean	true	Specify whether to extend the x-axis to include whole major tick marks.
axisLabelsX.integerUnits	boolean	false	Specify whether to extend the y2-axis to include whole major tick marks.
axisX.abbreviation	(none | auto)	none	Specify whether to abbreviate large x-axis values with the closest SI prefix.
axisX.includeZero	boolean	false	Specify whether the x-axis range includes zero.
axisY.includeZero	boolean	false	Specify whether the y-axis range includes zero.
axisX.maximumNumber	(number | auto)	auto	Specify the maximum number for the visible x-axis range.
axisY.maximumNumber	(number | auto)	auto	Specify the maximum number for the visible y-axis range.
axisX.minimumNumber	(none | auto)	auto	Specify the minimum number for the visible x-axis range.
axisY.minimumNumber	(none | auto)	auto	Specify the minimum number for the visible y-axis range.
axisX.scale	(linear | log)	linear	Specify the scale type that applies to a numerical x-axis.
axisY.scale	(linear | log)	linear	Specify the scale type that applies to a numerical y-axis.
axisTitleX.text	string	N/A	Specify the title of the x-axis.
axisTitleY.text	string	N/A	Specify the title of the y-axis.
axisTitleX.visibility	(visible | collapsed)	visible	Specify whether to show the title of the x-axis.
axisTitleY.visibility	(visible | collapsed)	visible	Specify whether to show the title of the y-axis.
gridLinesY.showMajorLines	boolean	true	Specify whether major grid lines are visible on the y-axis.
backgroundColor	string	N/A	Specify the color used for the chart background by using the hex code. For example, "#0000FF" .
fontColor	string	N/A	Specify the color used for fonts using the hex code. For example, "#0000FF" .
foregroundColor	string	N/A	Specify the color used for the chart foreground by specifying the hex code. For example, "#0000FF" .
fieldColors	object	N/A	Specify the color used for a field by specifying the hex code. For example, {"count": "#ff0000","percent": "#cb3b43"}. If you would like to maintain a space between two fields, you can use the backslash and quotes to surround the string and maintain the space. In this example: "{China:#45D4BA,US:#9AE6F7, \"Korea, South\" :#2F8AA7,SanMarino:#C0891E,Singapore:#780621,\"Cruise Ship\":#4EB2D2}" Korea, South and Cruise Ship will have spaces when they appear in the visualization.
gridLinesX.showMinorLines	boolean	false	Specify whether minor grid lines are visible on the x-axis.
legend.labelStyle.overflowMode	(ellipsisEnd | ellipsesMiddle | ellipsisStart | ellipsesNone)	ellipsesMiddle	Specify how to display legend labels when they overflow the layout boundaries by replacing overflow text with an ellipsis.
legend.placement	(right | left | top | bottom | none)	right	Specify the location of the legend on the panel.
seriesColors	array	(dark and light mode defaults) ["#1E93C6", "#F2B827", "#D6563C", "#6A5C9E", "#31A35F"]	Specify the hex color codes for the bars to use in order from largest to smallest. For example, ["#FF0000","#0000FF","#008000"].
drilldown	(all | none)	all	Specify whether to enable or disable drilldown for the chart.
chart.markerSize	number	4	Specify the marker size of the scatter chart.
chart.resultTruncationLimit	number	50000	Specify a limit for the number of data points rendered in a chart.

Single value

Single value options

The following options are available for the single value visualization:

Property	Type	Default	Description
majorValue	(string | number)	> sparklineValues |lastPoint()	Specify the major value to display in the visualization. This can be a static value, or a dynamic value.
majorColor	string	> themes.defaultFontColor	Specify the dynamic color of the major value by dataSource or a static color using the hex format. For example, #FFFFFF.
unit	string	N/A	Specify label text to show next to the single value.
unitPosition	(before | after)	after	Specify whether you want the unit label to appear before or after the single value.
underLabel	string	N/A	Specify the label text that appears below the value.
underLabelFontSize	number	12	Specify the font size, in pixels, for the text in the label under the visualization.
backgroundColor	string	> themes.defaultBackgroundColor	Specify a color to use for the single value background. For example, "#008000".
trendValue	number	> sparklineValues | delta(-2)	The trend value to display in the visualization.
shouldAbbreviateTrendValue	boolean	false	Specify whether to abbreviate the trend value to 2 decimal places. A magnitude unit will be displayed.
sparklineDisplay	(before | after | below | off)	below	Specify where to place a sparkline. You can also disable it.
sparklineValues	(number | string)	> primary | seriesByPrioritizedTypes("number", "string", "time")	Specify a list of dynamic or static list of sparkline values to display.
showSparklineAreaGraph	boolean	false	Specify whether to show the sparkline as an area graph rather than a line.
sparklineAreaColor	string	> sparklineStrokeColor	Specify a dynamic or static color for the fill under the sparkline. For a static color, enter a hex code. For example #FFFFFF. Note that this setting only works when sparkline.AreaGraph is set to true.
sparklineStrokeColor	string	> themes.defaultSparklineStrokeColor	Specify a dynamic or static color for the sparkline stroke. For a static color, enter a hex code. For example #FFFFFF.
showSparklineTooltip	boolean	false	Show a tooltip to display values on the sparkline.
shouldSparklineAcceptNullData	boolean	true	Specify whether to convert null and non-numeric values in the sparkline to 0.
sparklineHighlightSegments	number	0	Specify the number of segments to highlight at the top of a sparkline area graph. Note that this setting only works when sparkline.AreaGraph is set to true.
sparklineHighlightDots	number	0	Specify the number of markers, or dots, to display at the top of a sparkline area chart. Note that this setting only works when sparkline.AreaGraph is set to true.
trendDisplay	(percent | absolute | off)	absolute	Specify whether the trend value is displayed as a percentage or an absolute count.
numberPrecision	number	0	Specify the number of decimal places to display. For example, to display three decimal places, enter a value of 3. The maximum value is 20.
shouldUseThousandSeparators	boolean	true	Specify whether numeric values use commas as thousandths separators.
majorFontSize	number	N/A	Specify the font size (px) for the major value. By default the major value font size is calculated dynamically based on the available space.
trendFontSize	number	N/A

Single value thresholding

When you activate thresholding in the visual editor, the corresponding source code looks similar to the following code:

"title": "Table/SV",
	"description": "",
	"visualizations": {
		"viz_8jFKBfmr": {
			"type": "viz.singlevalue",
			"options": {
				"showTrendIndicator": false
			},
			"encoding": {
				"fill": {
					"field": "primary[0]",
					"format": {
						"type": "rangevalue",
						"ranges": [
							{
								"from": 41000,
								"value": "#FF7152"
							},
							{
								"to": 41000,
								"from": 40000,
								"value": "#F4DF7A"
							},
							{
								"to": 40000,
								"from": 5000,
								"value": "#FC9850"
							},
							{
								"to": 5000,
								"from": 100,
								"value": "#CB3B43"
							},
							{
								"to": 100,
								"from": 10,
								"value": "#4BEBA8"
							},
							{
								"to": 10,
								"value": "#5FBCFF"
							}
						]
					}
				}
			},
			"dataSources": {
				"primary": "ds_rt3EmYrt"
			}
		}
	}
}

Single value icon

Single Value Icon options

The following options are available for the single value visualization:

Property	Type	Default	Description
unit	string	N/A	Specify label text to show next to the single value.
unitPosition	(before | after)	after	Specify whether you want the unit label to appear before or after the single value.
underLabel	string	N/A	Specify the label text that appears below the value.
majorValue	(string | number)	> primary | seriesByPrioritizedTypes("number", "string", "time") | lastPoint()	Specify the major value to display in the visualization. This can be a static value, or a dynamic value.
majorColor	string	> themes.defaultFontColor	Specify the dynamic color of the major value by dataSource or a static color using the hex format. For example, #FFFFFF.
backgroundColor	string	transparent	Specify a color to use for the single value background. For example, "#FFA500".
showValue	boolean	true	Specify whether to show or hide the major value trend indicator.
trendColor	string	> themes.defaultFontColor	Specify the dynamic or static color for the trend value. If using a static value, use the hex value format. For example, #FFFFFF.
trendValue	(number | string)	> primary | seriesByPrioritizedTypes("number", "string", "time") | delta(-2)	Specify the dynamic color of the trend value by dataSource or a static color using the hex format. For example, #FFFFFF.
trendDisplay	(percent | absolute | off)	absolute	Specify whether the trend value is displayed as a percentage or an absolute count.
shouldAbbreviateTrendValue	boolean	false	Specify whether to abbreviate the trend value to 2 decimal places. A magnitude unit will be displayed.
numberPrecision	number	0	Specify the number of decimal places to display. For example, to display three decimal places, enter a value of 3. The maximum value is 20.
shouldUseThousandSeparators	boolean	true	Specify whether numeric values use commas as thousandths separators.
icon	string	default	Specify an icon. To use one of the default icons, specify the name: activity, clock, pencil, star, or default. To use an icon you've uploaded, use the icon ID from the localStorage. For example icon: local://iconID....
iconPosition	string	before	Specify where to display the icon in relation to the single value.
iconOpacity	number	1	Specify the opacity for the icon using numbers between and including 0 and 1 (inclusinve). This relates to the opacity percentages in the visual editor.
showValue	boolean	true	Specify whether to enable or disable the value and trend indicator display.
iconColor	string	N/A	Specify the icon color. Use color hex codes. For example, "#FF0000".
majorFontSize	number	N/A	Specify the font size (px) for the major value of single value icon. By default the major value font size is calculated dynamically based on the available space.
trendFontSize	number	N/A	Specify the font size (px) for the delta value of the single value icon.

Single value radial

Single Value Radial options

The following options are available for the single value radial visualization:

Property	Type	Default	Description
unit	string	N/A	Specify label text to show next to the single value.
unitPosition	(before | after)	after	Specify whether you want the unit label to appear before or after the single value.
underLabel	string	N/A	Specify the label text that appears below the value.
backgroundColor	string	light mode: "#FFFFFF". Dark mode: "#212527"	Specify a color to use for the single value background. For example, "#008000".
showTrendIndicator	boolean	true	Specify whether to show or hide the single value trend indicator.
useTrendUnits	boolean	false	Specify whether to truncate the trend value to two significant digits. A magnitude unit is displayed.
trendDisplayMode	(percent | absolute)	absolute	Specify whether the trend value is displayed as a percentage or an absolute count.
numberPrecision	number	0	Specify the number of decimal places to display. For example, to display three decimal places, enter a value of 3. The maximum value is 20.
useThousandSeparators	boolean	true	Specify whether numeric values use commas as thousandths separators.
radialBackgroundColor	string	none	Specify a color in hex code to customize the radial background color. For example, "#FFFFFF".
radialStrokeColor	string	none	Specify a color in hex code to customize the radial stroke color. For example, "#FFFFFF".

Table

Table options

The following options are available for tables:

Property	Type	Default	Description
backgroundColor	string	black	Specify the color to use for the table background using a hex code. For example: "#FFFFFF".
count	number	20	Specify the maximum number of rows to display.
rowNumbers	boolean	false	Specify whether to display the row numbers.
showHeader	boolean	true	Specify whether to display the table header.
headerBackgroundColor	string	Light mode: "#E1E6EA". Dark mode: "#212527"	Specify the table header background color using a hex code. For example: "#FFFFFF".
headerTextColor	string	Light mode: "#3C444D". Dark mode: "#FFFFFF".	Specify the table header text color using a hex code. For example: "#FFFFFF".
rowBackgroundColorEven	string		Specify the background color for odd table rows using a hex code. For example, "#FFFFFF".
rowBackgroundColorOdd	string		Specify the text color for odd table rows using a hex code. For example, "#FFFFFF".
rowTextColorEven	string		Specify the text color for even table rows using a hex code. For example, "#FFFFFF".
rowTextColorOdd	string		Specify the text color for odd table rows using a hex code. For example, "#00A4FD".
numberPrecision	number	0	Specify the number of decimal places to display. For example, to display 3 decimal places, enter a value of 3. The maximum value is 20.
useThousandSeparators	boolean	false	Specify whether numeric values use commas as thousandths separators.
unit	string	N/A	Specify a label to show next to the cell value. Make sure the unit text is brief. For example, you can use an abbreviation such as MB, or a symbol such as $.
unitPosition	(before | after)	after	Specify whether you want the unit label to appear before or after the cell value.
dataOverlayMode	(heatmap | highlow | none )	none	Specify which type of overlay to display. Overlays only apply to numerical columns.

Text

Text options

The following options are available for editing text in the source editor:

Property	Type	Default	Description
fontFamily	string	Splunk Platform Sans	Specify the font family to be used. For example Comic Sans MS. <a>The font needs to be available to your end user.</a>
fontSize	number	24	Specify the font size in pixels.
fontWeight	(normal | bold | light)	normal	Specify the font weight.
lineHeight	(number | percent)	120%	Specify the line height for the text block.
rotation	number	0	Specify the text angle in degrees.
color	string		Specify the text color using a hex code. For example, "#FF0000".
backgroundColor	string	transparent	Specify the background color using a hex code. For example, "#FF0000".
content	string	N/A	Specify the text content.