Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Closed
cchaos opened this issue Jul 26, 2019 · 1 comment · Fixed by #285 or elastic/kibana#43516
Closed
Labels
:axis Axis related issue bug Something isn't working :interactions Interactions related issue released Issue released publicly

Comments

@cchaos
Copy link
Contributor

cchaos commented Jul 26, 2019

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
@cchaos cchaos added bug Something isn't working :axis Axis related issue :interactions Interactions related issue labels Jul 26, 2019
markov00 added a commit to markov00/elastic-charts that referenced this issue Aug 5, 2019
When using rotated charts, the used X and Y axis for formatting should be inverted.

fix elastic#273
markov00 added a commit that referenced this issue Aug 5, 2019
The X and Y axis spec, used to format the tooltip, needs to be inverted when rendering a  rotated chart.

fix #273
markov00 pushed a commit that referenced this issue Aug 5, 2019
## [8.1.8](v8.1.7...v8.1.8) (2019-08-05)

### Bug Fixes

* **tooltip:** fix tooltip formatting for rotated charts ([#285](#285)) ([651edd1](651edd1)), closes [#273](#273)
@markov00
Copy link
Member

markov00 commented Aug 5, 2019

🎉 This issue has been resolved in version 8.1.8 🎉

The release is available on:

Your semantic-release bot 📦🚀

@markov00 markov00 added the released Issue released publicly label Aug 5, 2019
AMoo-Miki pushed a commit to AMoo-Miki/OpenSearch-Dashboards that referenced this issue Feb 10, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
:axis Axis related issue bug Something isn't working :interactions Interactions related issue released Issue released publicly
Projects
None yet
2 participants