StackedValueAxis

• Name: Stacked Value Axis

• Description: Value axis for stacked data charts (currently StackedBar) (default is Y axis)

• Playground Example

params$

• Type: Partial<StackedValueAxisParams>

• Fields:

  Name	Description	Type
  labelOffset	Position of the axis label	[number, number]
  labelColorType	Color type of the axis label	ColorType
  axisLineVisible	Visibility of the axis line	boolean
  axisLineColorType	Color type of the axis line	ColorType
  ticks	Interval of the ticks	number | null
  tickFormat	Format of the ticks	string | ((text: d3.NumberValue) => string | d3.NumberValue
  tickLineVisible	Visibility of the tick lines	boolean
  tickPadding	Padding of the ticks	number
  tickFullLine	Full line for the ticks	boolean
  tickFullLineDasharray	Dash array for the full line ticks	string
  tickColorType	Color type of the ticks	ColorType
  tickTextRotate	Rotation of the tick text	number
  tickTextColorType	Color type of the tick text	ColorType

Detailed Type

type ColorType = 'none' | 'label' | 'labelContrast' | 'primary' | 'secondary' | 'background'

• Default values:

{
  labelOffset: [0, 0],
  labelColorType: 'primary',
  axisLineVisible: false,
  axisLineColorType: 'primary',
  ticks: null,
  tickFormat: num => {
    if (num === null || Number.isNaN(num) == true) {
      return num || 0
    }
    var parts = num.toString().split('.')
    parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',')
    return parts.join('.')
  },
  tickLineVisible: true,
  tickPadding: 20,
  tickFullLine: true,
  tickFullLineDasharray: 'none',
  tickColorType: 'secondary',
  tickTextRotate: 0,
  tickTextColorType: 'primary'
}