Refactored deployment mixins

app/assets/javascripts/monitoring/components/graph.vue

@@ -40,7 +40,6 @@
         graphWidth: 600,
         graphHeightOffset: 120,
         margin: {},
-        breakpointHandler: Breakpoints.get(),
         unitOfDisplay: '',
         areaColorRgb: '#8fbce8',
         lineColorRgb: '#1f78d1',

app/assets/javascripts/monitoring/mixins/monitoring_mixins.js

@@ -21,9 +21,9 @@ const mixins = {
     formatDeployments() {
       this.reducedDeploymentData = this.deploymentData.reduce((deploymentDataArray, deployment) => {
         const time = new Date(deployment.created_at);
-        const xPos = Math.floor(this.xScale(time));
-        time.setSeconds(this.data[0].time.getSeconds());
+        const xPos = Math.floor(this.timeSeries[0].timeSeriesScaleX(time));
+        time.setSeconds(this.timeSeries[0].values[0].time.getSeconds());
         if (xPos >= 0) {
           deploymentDataArray.push({