Element Details: Chart.Scatter
 Back


Available in: Logi Info Source code name: Chart.Scatter

Creates a grid-type scatter chart.

You can create a bubble chart by setting the ChartSymbolSize attribute a value from the data layer. Then the symbol size will be different for each point, according to the column values.

Element Group:Charts, Gauges and GIS Maps



ATTRIBUTES

Click attribute Name to drill down for more information.

NamePossible ValuesDescription
AltText
UserDefined
The Alternate Text is displayed when the browser options have images turned off. The text is also used by browsers that convert text to speech or braille output.
BackgroundColor
UserDefined
Transparent
Sets the background color of the element. Enter a color by name, decimal RGB value, or hex RGB value. Prefix hex values with the pound sign, like #112233.
BorderBottom
UserDefined
The border is the distance between the edge of the chart's image, and the chart itself. The value is in pixels. Use a border to leave room for labels or a legend.
BorderColor
UserDefined
Transparent
Sets the color of border lines. Enter a color by name, decimal RGB value, or hex RGB value. Prefix hex values with the pound sign, like #112233.
BorderLeft
UserDefined
The border is the distance between the edge of the chart's image, and the chart itself. The value is in pixels. Use a border to leave room for labels or a legend.
BorderRight
UserDefined
The border is the distance between the edge of the chart's image, and the chart itself. The value is in pixels. Use a border to leave room for labels or a legend.
BorderTop
UserDefined
The border is the distance between the edge of the chart's image, and the chart itself. The value is in pixels. Use a border to leave room for labels or a legend.
ChartBackgroundColor
Transparent
Sets the background color of the chart plot area. You may specify "Transparent". Enter a color by name, decimal RGB value, or hex RGB value. Prefix hex values with the pound sign, like #112233. For grid-style charts, alternate between two colors by supplying both, separated by a comma. For example: Red,Blue For a metallic look in charts, add "Metallic" to the color. For example: RedMetallic,BlueMetallic
ChartBackgroundGradientColor
UserDefined
Sets the background gradient color of the chart plot area. This is the end Color for gradient effect. Enter a color by name, decimal RGB value, or hex RGB value. Prefix hex values with the pound sign, like #112233. e.g. If you want a gradient effect of green to light green, set the chart background color to green and the background gradient color to light green.
ChartHeight
UserDefined
(Required) The height of the chart image, in pixels.
ChartLabelColumn
UserDefined
Set this to a column returned from the DataLayer. It represents the name of each item, or data value, charted. For charts with x and y axes, these are listed across the x-axis.
ChartOrientation
Vertical
Horizontal
Allows swapping of the X and Y coordinates. The default value is Vertical, meaning data points are plotted on the Y-axis and labels are listed across the X-axis.
ChartSymbol
SymbolX
SymbolTriangle
SymbolSquare
SymbolSolidSphere
SymbolGlassSphere2
SymbolGlassSphere
SymbolDiamond
SymbolCross
SymbolCircle
A symbol that identifies each data point on the chart. For XY charts, this can be used only for the Line and Spline charts to identify data points. When using a Crosstab Filter under the Chart's DataLayer, use comma-separated symbol values to assign different symbol values for each crosstab.
ChartSymbolEdgeColor
UserDefined
The color of the outside edge of the symbols. For Area charts, this is the color of the outside edge of the area chart layer, while for bar charts it is the edge color of each bar in the layer. Animated Bar Charts with Bar Style = Rounded Edge will ignore this attribute. Enter a color by name, decimal RGB value, or hex RGB value. Prefix hex values with the pound sign, like #112233.
ChartSymbolFillColor
UserDefined
The internal color of a symbol. Enter a color by name, decimal RGB value, or hex RGB value. Prefix hex values with the pound sign, like #112233.
ChartSymbolSize
UserDefined
The size, in pixels, of a chart symbol. You can make a scatter into a bubble chart. Instead of a specific number, specify a numeric column returned with the data. The default is 4.
ChartSymbolSizeFactor
UserDefined
Symbol Size Factor for bubble charts. If the bubble sizes are too large or small, use this to change their size by setting a value between 0 and 1. e.g. 0.25 would mean that the largest bubble would be 25% the size of the plotarea, and all other bubbles will be resized accordingly.
ChartTitle
UserDefined
The title of the chart. It appears at the top of the chart image. You can use CDML tags directly in the chart title string to specify different font colors, size etc. Expected tag format is <*font=fontname,color=hexcolorname,size=fontsize*> or simply <*color=hexcolorname*> for just changing the color of the text after the tag. e.g. <*font=Verdana,color=000000,size=12*>Text Part 1 <*color=999999*> Text Part 2 or <*color=000000*>Text Part 1<*color=999999*>Text Part 2<*color=4c4c4c*>Text Part 3.
ChartWidth
UserDefined
(Required) The width of the chart, usually in pixels. For ChartCanvas charts, the value may be a percentage, by specifying the value like "50%".
ChartXDataColumn
UserDefined
(Required) Specifies the name of a datalayer column whose values will be plotted along the X-axis.
ChartYDataColumn
UserDefined
(Required) Specifies the name of a datalayer column whose values will be plotted along the Y-axis.
GridHorizontalColor
Transparent
Sets the color of a chart's horizontal grid marks. The default value is black for static charts and grey for animated charts. For Polar Charts, this attribute sets the color of the chart's angular grid marks. Enter a color by name, decimal RGB value or hex RGB value. Prefix hex values with the pound sign, like #112233.
GridVerticalColor
Transparent
Sets the color of a chart's vertical grid marks. The default value is Transparent. For Polar Charts, this attribute sets the color of the chart's radial grid marks. Enter a color by name, decimal RGB value, or hex RGB value. Prefix hex values with the pound sign, like #112233. In the animated scatter plot, the color will only be applied and vertical lines shown when "No. Vertical Lines" attribute is set. The default value for animated scatter plots is grey.
ID
UserDefined
The ID attribute is a pervasive attribute that uniquely identifies an element within a definition file. The ID needs to be a unique value within the definition.
LegendLabel
UserDefined
Indicates text that will be shown for this layer inside the chart legend.
OuterBorderColor
UserDefined
Transparent
Use this attribute to set the Outer Border Color of the chart canvas. Enter a color by name, decimal RGB value, or hex RGB value. Prefix hex values with the pound sign, like #112233.
RoundedBorder
UserDefined
Use this attribute to set a chart with rounded frame borders. Select a value in pixels, to set the radii of the 4 corners of the chart frame border.
ShowDataValues
True
False
Indicates if the values of each data point should be shown on the chart. For TrendLines, displays the line's slope value.
ShowWaitIcon
True
False
Some charts can take significant time to run on the server and display in the browser. The wait icon shows a spinning image informing the user that chart content is coming. To not show the wait icon, set ShowWaitIcon="False". The default is "True".
Tooltip
UserDefined
Text that appears when the user hovers the pointer over the image or text.
Transparency
UserDefined
7
15
0
Indicates a level of transparency of the element. The lowest value of 0 indicates that the element is opaque, with no transparency. The other end of the scale, 15, indicates a completely transparent element. Use medium-level transparency to allow different chart layers to show through each other.
WallpaperImage
UserDefined
Specifies an image used to wallpaper the chart image's background.
XAxisTitle
UserDefined
The title text that will appear along the chart's X-axis.
YAxisTitle
UserDefined
The title text that will appear along the chart's Y-axis.



PARENT ELEMENTS

Click element to drill down for more information.



CHILD ELEMENTS

Click element to drill down for more information.

Action.Dial Phone
Action.Draft Email
Action.Draft Text Message
Action.Exit
Action.Export CSV
Action.Export Native Excel
Action.Export Native Word
Action.Export PDF
Action.Export Word Or Excel
Action.Export XML
Action.Google Spreadsheet
Action.Javascript
Action.Link
Action.Map Location
Action.Process
Action.Refresh Element
Action.Report
Action.Show Element
Action.Template
Action.Widget
Auto Sizer
Chart Title Font
Data Font
Data Scale
Data Title Font
DataLayer.Cached
DataLayer.CSV
DataLayer.Definition List
DataLayer.Directory
DataLayer.Excel
DataLayer.Fixed Format File
DataLayer.Google App
DataLayer.Google Spreadsheet
DataLayer.JSON
DataLayer.LDAP
DataLayer.LDAP
DataLayer.Linked
DataLayer.Mongo Find
DataLayer.Mongo Map Reduce
DataLayer.Mongo Run Command
DataLayer.Plugin
DataLayer.REST
DataLayer.SP
DataLayer.SQL
DataLayer.Static
DataLayer.Twitter
DataLayer.Web Feed
DataLayer.Web Scraper
DataLayer.Web Service
DataLayer.XML
Extra Scatter Layer
Group Drillthrough
Hover Highlight
Label Font
Label Scale
Label Title Font
Legend
Marks
Quicktip
Resizer
Trend Line
Zero Rows Message
Zoom Chart


 Back to top


 Chart Debug