ERROR TypeError:无法设置未定义的属性'proceed'>>

问题描述 投票:1回答:1

我正在尝试使用Highcharts Javascript图表引擎绘制一些图表,我已经全部设置好了,在我的本地开发环境中可以正常工作,但是当我将其部署到Gitlab并访问它时,它给了我以下错误:

ERROR TypeError: Cannot set property 'proceed' of undefined
    at t.<computed> (main-es2015.7538dcc357c548058d75.js:1)
    at Object.<anonymous> (main-es2015.7538dcc357c548058d75.js:1)
    at Object.t.<computed> [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 (<anonymous>)
    at t.each (main-es2015.7538dcc357c548058d75.js:1)
    at t.Chart.<anonymous> (main-es2015.7538dcc357c548058d75.js:1)

我正在尝试从公共项目中获取我的Gitlab提交,以便分析来自特定语言或库的提交数量,并将它们放在图表中,以便用户可以看到差异。

我已经用谷歌搜索了这个错误,并且发现了非常相似的错误,但是没有一个可以解决我的问题。我也尝试在平台上寻找属性proceed,但看起来好像是highcharts正在运行或在执行时调用。

我正在使用它来构建组件:

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
      });
    }

并以此创建图表:

this.skillChart = new Chart(<any>{
      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: '<span style="color:{point.color}">\u25CF</span> {point.name}: <b>{point.y}</b><br/>',
        shared: true,
        useHTML: true
      },
      series: [
        {
          animation: {
            duration: 1500
          },
          dataLabels: {
            enabled: false
          },
          data: this.seriesData
        }
      ]
    });

[当我运行平台时,我希望看到一个图表,显示一个半圆形的条形图,顶部的提交数为10,这就是我在本地环境中运行该平台时得到的。

但是,当我从已部署的Gitlab平台运行时,我得到了组件,但图表未绘制半圆。

我没有足够的声誉来发布图像,否则,人们会更容易理解我的意思。

我正在尝试使用Highcharts Javascript图表引擎绘制一些图表,我已经全部设置好了,在我的本地开发环境中可以正常工作,但是当我将其部署到Gitlab并访问它时,它就是...

javascript highcharts gitlab
1个回答
0
投票

我陷入了同样的问题。我的观察:我正在使用通过angular-highcharts与NPM一起安装的Highcharts JS v6.1.4(2018-09-25)。

© www.soinside.com 2019 - 2024. All rights reserved.