Chart Series Component

Chart Series

SAIL Function: a!chartSeries()

Defines a series of data for a bar, column, line, or pie chart.

See also: Bar Chart, Column Chart, Line Chart, Pie Chart

Parameters

Name Keyword Type Description
Label label Text Name that corresponds to the data value or data values to display in the legend.
Data data Decimal Array Value displayed for the related series.label.
Links links Array of Links Array of values that determine what occurs when a user clicks a data point in the chart. Create links with
Color color Text Optional color for the series. Valid values are: "BLUEGRAY", "GREEN", "GOLD", "ORANGE", "PURPLE", "RED", "SKYBLUE", "LIMEGREEN", "YELLOW", "AMBER", "PINK", and "VIOLETRED"
Visibility showWhen Boolean Determines whether the series is displayed on the interface. When set to false, the series is hidden and is not evaluated. Default: true.

Examples

a!chartseries() is always used within a chart component. Copy and paste an example to the expression view of the interface designer to see it displayed.

Single Series Bar Chart with Label, Y-Axis Title, and No Legend

1
2
3
4
5
6
7
8
9
=a!barChartField(
  categories: {"Red", "Green", "Blue"},
  series: {
    a!chartSeries(label: "Points", data: {20.3, 12.5, 18.2})
  },
  yAxisTitle: "Average Point Velocity",
  showLegend: false,
  showDataLabels: true
)

Displays the following:

Multiple Series Line Chart with Label, X-Axis Title, Y-Axis Title, and Legend

1
2
3
4
5
6
7
8
9
10
11
12
13
14
=a!lineChartField(
  label: "Tempo Usage Trends",
  categories: {"Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec", "Jan", "Feb"},
  series: {
    a!chartSeries(label: "IT", data: {92, 94, 93, 95, 96, 99, 98, 100, 99, 91, 98, 99}),
    a!chartSeries(label: "Human Services", data: {84, 83, 85, 86, 87, 89, 91, 90, 89, 83, 93, 95}),
    a!chartSeries(label: "Sales", data: {70, 63, 90, 72, 74, 74, 76, 89, 72, 65, 100, 85}),
    a!chartSeries(label: "Marketing", data: {80, 80, 80, 90, 90, 90, 90, 90, 90, 70, 90, 90})
  },
  xAxisTitle: "Month",
  yAxisTitle: "% Active",
  yAxisMax: 100,
  showLegend: true
)

Displays the following:

FEEDBACK