Skip to main content
Elastic UI
Elastic UI
ComponentsPatternsContentData visualization
EUI ChangelogGitHubFigma
  • Elastic Charts as a design system
  • Dashboard good practices
  • Accessibility features
  • Types
    • Categorical
    • Metric chart
    • Time series
    • Part to whole comparisons
  • Sizing
  • Theming
  • EUI
  • Types
  • Time series
@elastic/charts v68.0.2

Time series

Time series charts show data over a period of time, such as trends or comparisons across multiple categories. When smaller changes exist, it’s better to use line charts rather than bar charts.

Key configurations

  • BarSeries.xScaleType = "time"
  • tickFormat = timeFormatter(niceTimeFormatByDay(1));

Edit this page

Previous
Metric chart
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