✅ You are viewing documentation for the latest version of Compose SDK.
Version:

# Interface StackableStyleOptions

Configuration options that define functional style of the various elements of stackable charts, like Column or Bar

# Properties

# dataLimits

dataLimits?: DataLimits

Data limit for series or categories that will be plotted


# height

height?: number

Total height of the component, which is considered in the following order of priority:

  1. Value passed to this property (in pixels).
  2. Height of the container wrapping this component
  3. Default value of 400px (for component without header) or 425px (for component with header).

# legend

legend?: LegendOptions

Configuration for legend - a key that provides information about the data series or colors used in chart


# markers

markers?: Markers

Configuration for markers - symbols or data points that highlight specific values


navigator?: Navigator

Configuration for navigator - zoom/pan tool for large datasets in a chart


# series

series?: object

Configuration for series styling

# Type declaration

# series.borderRadius

borderRadius?: number | string

The corner radius of the border surrounding each column or bar. A number signifies pixels. A percentage string, like for example 50%, signifies a relative size.

# Default
0
# series.groupPadding

groupPadding?: number

Padding between each value groups, in x axis units.

# Default
0.1
# series.padding

padding?: number

Padding between each column or bar, in x axis units.

# Default
0.01

# seriesLabels

seriesLabels?: SeriesLabels

Configuration for series labels - titles/names identifying data series in a chart


# subtype

subtype?: StackableSubtype

Subtype of stackable chart


# totalLabels

totalLabels?: TotalLabels

Configuration for total labels Only supported for stacked chart subtypes


# width

width?: number

Total width of the component, which is considered in the following order of priority:

  1. Value passed to this property (in pixels)
  2. Width of the container wrapping this component
  3. Default value of 400px

# xAxis

xAxis?: AxisLabel

Configuration for X axis


# y2Axis

y2Axis?: AxisLabel

Configuration for second Y axis


# yAxis

yAxis?: AxisLabel

Configuration for Y axis