title: ERROR TypeError: Cannot set property 'proceed' of undefined
body: <p>I'm trying to draw some charts using Highcharts Javascript charting engine, I have it all set up, it works fine in my local development environment, but when I deploy it to Gitlab and access it, it is giving me the following error:</p>
  
  <pre><code>ERROR TypeError: Cannot set property 'proceed' of undefined
      at t.&lt;computed&gt; (main-es2015.7538dcc357c548058d75.js:1)
      at Object.&lt;anonymous&gt; (main-es2015.7538dcc357c548058d75.js:1)
      at Object.t.&lt;computed&gt; [as arc] (main-es2015.7538dcc357c548058d75.js:1)
      at A.getPlotBandPath (main-es2015.7538dcc357c548058d75.js:1)
      at s.renderBackground (main-es2015.7538dcc357c548058d75.js:1)
      at s.render (main-es2015.7538dcc357c548058d75.js:1)
      at main-es2015.7538dcc357c548058d75.js:1
      at Array.forEach (&lt;anonymous&gt;)
      at t.each (main-es2015.7538dcc357c548058d75.js:1)
      at t.Chart.&lt;anonymous&gt; (main-es2015.7538dcc357c548058d75.js:1)
  </code></pre>
  
  <p>I am trying to get my Gitlab commits from my public projects in order to analyze the number of commits from a specific language or library and place them in a chart so that the user can see the difference.</p>
  
  <p>I have googled this error and I have found very similar ones, but none of them has been the solution to my problem. I also tried looking for the property <code>proceed</code> in my platform, but it looks like it is something that highcharts is running or calling when executing.</p>
  
  <p>I'm using this to build the component:</p>
  
  <pre><code>if (this.data.gitlab) {
        this.seriesData.push({
          name: 'GitLab',
          y: this.data.gitlab,
          color: '#e24329',
          radius: `${radius}%`,
          innerRadius: `${radius - 7}%`
        });
        this.seriesBackgrounds.push({
          outerRadius: `${radius}%`,
          innerRadius: `${radius - 7}%`,
          borderWidth: 0
        });
      }
  </code></pre>
  
  <p>And this to create the chart:</p>
  
  <pre><code>this.skillChart = new Chart(&lt;any&gt;{
        chart: {
          type: 'solidgauge',
          spacing: [0, 0, 0, 0],
          backgroundColor: 'transparent',
          borderColor: 'transparent'
        },
        title: null,
        pane: {
          center: ['50%', '80%'],
          size: '130%',
          startAngle: -90,
          endAngle: 90,
          background: this.seriesBackgrounds
        },
        credits: {
          enabled: false
        },
        yAxis: {
          min: 0,
          max: this.maxScore,
          gridLineWidth: 0,
          lineWidth: 0,
          minorGridLineWidth: 0,
          minorTickWidth: 0,
          tickWidth: 0,
          labels: {
            enabled: false
          }
        },
        tooltip: {
          borderWidth: 0,
          followPointer: true,
          pointFormat: '&lt;span style="color:{point.color}"&gt;\u25CF&lt;/span&gt; {point.name}: &lt;b&gt;{point.y}&lt;/b&gt;&lt;br/&gt;',
          shared: true,
          useHTML: true
        },
        series: [
          {
            animation: {
              duration: 1500
            },
            dataLabels: {
              enabled: false
            },
            data: this.seriesData
          }
        ]
      });
  </code></pre>
  
  <p>When I run the platform I expect to see a chart showing a semi-circular bar with the number of commits with 10 as the top, which is just what I get when I run the platform in my local environment.</p>
  
  <p>But instead, when I run from the deployed Gitlab platform, I get the component but the chart does not draw the semicircle.</p>
  
  <p>I have not enough reputation to post the images, otherwise, it would have been easier for people to see what I mean.</p>