Skip to main content
Elastic UI
Elastic UI
Getting startedComponentsUtilitiesPatternsContentData visualization
EUI ChangelogGitHubFigma
  • Overview
  • Dashboard good practices
  • Accessibility features
  • Types
    • Time series
    • Categorical
    • Part to whole comparisons
    • Metric chart
  • Sizing
  • Theming
  • EUI
  • Types
  • Categorical

Categorical

@elastic/charts v70.0.1

Categorical charts compare data between multiple distinct categories. Avoid using a line chart because it might create confusion with a time series chart. Use a bar chart instead.

Key configurations

  • Settings.rotation = 90
  • BarSeries.data = orderBy(DATASET, ['count'], ['desc'])
  • BarSeries.xAccessor = "vizType"
  • Axis.tickFormat = (d => Number(d)'k')

Edit this page
Previous
Time series
Next
Part to whole comparisons
EUI is dual-licensed under Elastic License 2.0 and Server Side Public License, v 1 | Crafted with ❤ by Elastic