Error: <g> attribute transform: Expected number, "translate(NaN, 0) scale(1)". Apexchart

Question

我正在使用 Angular 顶点图表来显示项目的一些图表。第一次渲染我的图表时，出现以下错误：

我组件中的图表选项看起来像

 this.chartOptions = {
      series: this.getSeriesOverallValue(dataBtc, dataEth, dataUsdt, dataLtc, dataDoge, dataBch, dataDfi),
      colors: this.getColorsOverallValue(dataBtc, dataEth, dataUsdt, dataLtc, dataDoge, dataBch, dataDfi),
      labels: this.getLabelsOverallValue(dataBtc, allValue, dataEth, dataUsdt, dataLtc, dataDoge, dataBch, dataDfi),
      chart: {
        width: '100%',
        type: 'donut',
        background: 'transparent'
      },
      dataLabels: {
        enabled: true
      },
      fill: {
        type: 'gradient'
      },
      legend: {
        // tslint:disable-next-line:only-arrow-functions typedef
        formatter(val, opts) {
          return '55';
        }
      },
      responsive: [
        {
          breakpoint: 480,
          options: {
            chart: {
              width: '100%'
            },
            legend: {
              position: 'bottom'
            }
          }
        }
      ]
    };

我在我的 HTML 内容中使用它，例如：

<apx-chart *ngIf="chartOptions && chartOptions.series.length > 0"
  class="w-full"
  [series]="chartOptions?.series"
  [chart]="chartOptions?.chart"
  [labels]="chartOptions?.labels"
  [colors]="chartOptions?.colors"
  [fill]="chartOptions?.fill"
  [dataLabels]="chartOptions?.dataLabels"
  [responsive]="chartOptions?.responsive"
></apx-chart>

Answer 1

开了个公关https://github.com/Shelkovenkov/defichain-income/pull/5

问题是您将应用程序引导两次。
我确定您只想在 src/main.ts 中使用此代码的一个版本并将其从 src/app/app.module.ts.

中删除

Error: <g> attribute transform: Expected number, "translate(NaN, 0) scale(1)". Apexchart

Error: <g> attribute transform: Expected number, "translate(NaN, 0) scale(1)". Apexchart

apex

angular

apexcharts