1 files changed, 5 insertions, 0 deletions
diff --git a/app/assets/javascripts/projects/pipelines/charts/index.js b/app/assets/javascripts/projects/pipelines/charts/index.js
index 0cfea401be6..35c8046bfe7 100644
--- a/app/assets/javascripts/projects/pipelines/charts/index.js
+++ b/app/assets/javascripts/projects/pipelines/charts/index.js
@@ -2,6 +2,8 @@ import Vue from 'vue';
 import VueApollo from 'vue-apollo';
 import createDefaultClient from '~/lib/graphql';
 import { parseBoolean } from '~/lib/utils/common_utils';
+import { convertToGraphQLId } from '~/graphql_shared/utils';
+import { TYPENAME_PROJECT } from '~/graphql_shared/constants';
 import ProjectPipelinesCharts from './components/app.vue';
 
 Vue.use(VueApollo);
@@ -12,6 +14,7 @@ const apolloProvider = new VueApollo({
 
 const mountPipelineChartsApp = (el) => {
   const {
+    projectId,
     projectPath,
     failedPipelinesLink,
     coverageChartPath,
@@ -22,6 +25,7 @@ const mountPipelineChartsApp = (el) => {
 
   const shouldRenderDoraCharts = parseBoolean(el.dataset.shouldRenderDoraCharts);
   const shouldRenderQualitySummary = parseBoolean(el.dataset.shouldRenderQualitySummary);
+  const contextId = convertToGraphQLId(TYPENAME_PROJECT, projectId);
 
   return new Vue({
     el,
@@ -39,6 +43,7 @@ const mountPipelineChartsApp = (el) => {
       defaultBranch,
       testRunsEmptyStateImagePath,
       projectQualitySummaryFeedbackImagePath,
+      contextId,
     },
     render: (createElement) => createElement(ProjectPipelinesCharts, {}),
   });