Add ColumnChart to GLQL display options

Daniele Rossettirequested to merge
drosse/poc-glql-bar-chart into master

What does this MR do and why?

Add supports for columnChart to GLQL display options

display: columnChart
query: type = MergeRequest and merged >= 2025-05-01 and merged <= 2025-05-30
groupBy: timeSegment(1w) on mergedAt as 'Date merged', users(@i-user-1-1749491956, @i-user-2-1749491956) on author
aggregate: count as 'Total count'
  • It requires both groupBy and aggregate to be defined
  • Picks between grouped vs non-grouped vs stacked chart based on input ( see screenshot below )
  • Wraps gitlab-ui's GlColumnChart and GlStackedColumnChart ( I might try next to just to use a basic gl-chart and see if the usage is a bit easier )

References

#560285 (closed)

Screenshots or screen recordings

  • 1 dimension, 1 metric

image

  • 2 dimensions, 1 metric

image

  • 1 dimension, 2 metrics

image

  • 2 dimension, 2 metrics

image

  • Column chart with no aggregation

image.png

How to set up and validate locally

  • Enable glql_aggregation and glql_typescript feature flags
  • Try queries with aggregation like the above

MR acceptance checklist

Evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Edited by Daniele Rossetti

Merge request reports