[FE] Productivity Analytics - Type of Work (pre-defined)

Problem to solve

This issue adds a new chart to the Productivity Analytics page as described in https://gitlab.com/gitlab-org/gitlab-ee/issues/12246

Requirements

• Add a stacked bar chart component (reuse the existing GlStackedColumnChart from gitlab-ui)
• Update Vuex store by integrating the newly added chart type

BE API integration

• Request data from API via /-/analytics/productivity_analytics.json?chart_type=stacked_bar&metric_type=type_of_work
• Use same query parameters as remaining histogram charts on the page
• Assumed API response structure:

{ DATE: { new: VALUE_INTEGER, churn: VALUE_INTEGER, refactoring: VALUE_INTEGER} }

Questions

This page may contain information related to upcoming products, features and functionality. It is important to note that the information presented is for informational purposes only, so please do not rely on the information for purchasing or planning purposes. Just like with all projects, the items mentioned on the page are subject to change or delay, and the development, release, and timing of any products, features, or functionality remain at the sole discretion of GitLab Inc.