Element Details: Sparkline.Area
 Back


Available in: Logi Info Source code name: Sparkline.AreaIntroduced in: v10.2.314

Sparklines are tiny charts appropriate for showing many trends at once as a set of small timelines. They are typically shown in tables alongside labels.

Sparkline.Area charts show information with an area chart.

Add a DataLayer below the Sparkline which will return rows to be plotted. Set the SparklineDataColumn to data column of numeric values.

By default, each row is plotted in the chart. If there is a date/time column to be used with the x-axis, data can be automatically grouped together into time periods such as months and years. Specify the date column in the TimePeriodDataColumn, then select a TimePeriod and an AggregateFunction.

Element Group:Charts, Gauges and GIS Maps



ATTRIBUTES

Click attribute Name to drill down for more information.

NamePossible ValuesDescription
AggregateFunction
Sum
Stdev
Mode
Min
Median
Max
DistinctCount
Count
Average
Aggregate function sets the function for the aggregation.
AreaGradientColor
UserDefined
Sets the gradient color for the Area charts. 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 area color to green and the area gradient color to light green. Animated Charts have a default white gradient. For a single series chart, you can set this to a color which will be applied as the gradient. For multi series, white is the only gradient option. For no gradient on a multi-series chart, set this to any value.
BackgroundColor
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.
ChartHeight
UserDefined
The height of the chart image, in pixels.
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.
ChartWidth
UserDefined
The width of the chart, usually in pixels. For ChartCanvas charts, the value may be a percentage, by specifying the value like "50%".
Color
UserDefined
Sets the element's color. Enter a color by name, decimal RGB value, or hex RGB value. Prefix hex values with the pound sign, like #112233. For bar charts, each bar can be a different color by entering multiple colors, each separated by a comma. When using a Crosstab Filter under the Chart's DataLayer, use comma-separated colors and a Legend element so each crosstab set can be identified.
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.
SparklineDataColumn
UserDefined
(Required) Set this to a column returned from the DataLayer. It represents the data value for each item charted. These are listed across the y-axis.
TimePeriod
Year
Week
Second
Quarter
Month
Minute
Hour
Date
The time period.
TimePeriodDataColumn
UserDefined
TimePeriodDataColumn specifies a column from the DataLayer containing date/time values.



PARENT ELEMENTS

Click element to drill down for more information.

Body
Column Cell
Crosstab Table Header Column
Crosstab Table Label Column
Crosstab Table Summary Column
Crosstab Table Value Columns
Data Calendar Rows
Data Multi-Column List
Data Table Column
Data Tree Branch
Division
Fieldset Box
HTML Tag
List Item
Map Marker Image
Map Marker Info
More Info Row
More Info Row Column
Page Footer
Page Header
Panel Content
Popup Panel
Rectangle
Report Footer
Report Header
Responsive Column
Tab Panel
Tooltip Panel


CHILD ELEMENTS

Click element to drill down for more information.

Action.Javascript
Action.Link
Action.Process
Action.Refresh Element
Action.Report
Action.Show Element
DataLayer.Cached
DataLayer.CSV
DataLayer.Directory
DataLayer.Excel
DataLayer.Fixed Format File
DataLayer.Google App
DataLayer.Google Spreadsheet
DataLayer.JSON
DataLayer.LDAP
DataLayer.Linked
DataLayer.Mongo Find
DataLayer.Mongo Map Reduce
DataLayer.Mongo Run Command
DataLayer.Plugin
DataLayer.REST
DataLayer.Scheduler
DataLayer.SP
DataLayer.SQL
DataLayer.Static
DataLayer.Twitter
DataLayer.Web Feed
DataLayer.Web Scraper
DataLayer.Web Service
DataLayer.XML


 Back to top


 Chart Debug