Skip to content

In a rotated chart, the tick formatter doesn't apply to the right axis #273

@cchaos

Description

@cchaos

Describe the bug
In a rotated chart, the tick formatter doesn't apply to the right axis

To Reproduce

<Chart size={[undefined, 300]}>
  <Settings
    rotation={90}
  />
  <BarSeries
    id={getSpecId('issues')}
    name={'Issues'}
    data={[{
      vizType: 'Data Table',
      count: 24,
    },
    {
      vizType: 'Heatmap',
      count: 12,
    }]}
    xAccessor="vizType"
    yAccessors={['count']}
    xScaleType={ScaleType.Ordinal}
  />
  <Axis
    id={getAxisId('left-axis')}
    position={Position.Left}
    
  />
  <Axis
    id={getAxisId('bottom-axis')}
    position={Position.Bottom}
    tickFormat={d => {
      return `${Number(d)}k`
    }}
  />
</Chart>

Screenshots

Checklist

  • [ ] every related Kibana issue is listed under Kibana Cross Issues list
  • [ ] kibana cross issue tag is associated to the issue if any kibana cross issue is present

Metadata

Metadata

Assignees

No one assigned

    Labels

    :axisAxis related issue:interactionsInteractions related issuebugSomething isn't workingreleasedIssue released publicly

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions