MultiStackedValueAxis

• Name: Multi Stacked Value Axis

• Description: Functions similarly to the StackedValueAxis in the Grid data category, used for stacked data charts (currently MultiStackedBar) as the value axis (default is Y-axis).

• Playground Example

params$

• Type: Partial<MultiStackedValueAxisParams>

• Fields:

  Name	Description	Type
  labelOffset	Position offset	[number, number]
  labelColorType	Color type for the label	ColorType
  axisLineVisible	Visibility of the axis line	boolean
  axisLineColorType	Color type for the axis line	ColorType
  ticks	Number of ticks	number | null
  tickFormat	Format for the ticks	string | ((text: d3.NumberValue) => string | d3.NumberValue
  tickLineVisible	Visibility of the tick lines	boolean
  tickPadding	Padding for the ticks	number
  tickFullLine	Full line for the ticks	boolean
  tickFullLineDasharray	Dash array for the full line ticks	string
  tickColorType	Color type for the ticks	ColorType
  tickTextRotate	Rotation for the tick text	number
  tickTextColorType	Color type for the tick text	ColorType
  gridIndexes	Indexes of the corresponding data$ grid data, can correspond to one or more grid data	number[] | 'all'

Detailed Types

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

• Default values:

{
  labelOffset: [0, 0],
  labelColorType: 'primary',
  axisLineVisible: false,
  axisLineColorType: 'primary',
  ticks: 4,
  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',
  gridIndexes: [0]
}