未捕获错误:无法解析Ionic2中Chart:(?,?)的所有参数

时间:2017-12-13 08:49:32

标签: angular ionic2 chart.js

我在ionic2应用程序中实现了图表。但是当我尝试运行应用程序时,我收到错误Uncaught Error: Can't resolve all parameters for Chart: (?, ?)。你能帮我解决这个问题吗?我使用过chart.js库。

代码

export class ChartPage {
  @ViewChild('barCanvas') barCanvas:ElementRef;     
  barChart: any;
  constructor(public navCtrl: NavController) {

  }

  ionViewDidLoad() {

  this.barChart = new Chart(this.barCanvas.nativeElement, {

      type: 'bar',
      data: {
          labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
          datasets: [{
              label: '# of Votes',
              data: [12, 19, 3, 5, 2, 3],
              backgroundColor: [
                  'rgba(255, 99, 132, 0.2)',
                  'rgba(54, 162, 235, 0.2)',
                  'rgba(255, 206, 86, 0.2)',
                  'rgba(75, 192, 192, 0.2)',
                  'rgba(153, 102, 255, 0.2)',
                  'rgba(255, 159, 64, 0.2)'
              ],
              borderColor: [
                  'rgba(255,99,132,1)',
                  'rgba(54, 162, 235, 1)',
                  'rgba(255, 206, 86, 1)',
                  'rgba(75, 192, 192, 1)',
                  'rgba(153, 102, 255, 1)',
                  'rgba(255, 159, 64, 1)'
              ],
              borderWidth: 1
          }]
      },
      options: {
          scales: {
              yAxes: [{
                  ticks: {
                      beginAtZero:true
                  }
              }]
          }
      }

  });
  }

1 个答案:

答案 0 :(得分:0)

从app.module.ts文件中删除'chart.js'的声明以解决错误