차트 내용이 이온으로 표시되지 않음

Question

angualr-chart.js 및 chart.js 용 스크립트를 설치하고 포함 시켰습니다. 내 모듈에 chart.js을 주입하고 나는 내 html 파일 콘솔에 오류가없는 출력은 다음과

 <div class = "col no-padding"> 
      <div class="card card-pie-chart no-padding"> 
       <div class="item item-text-wrap"> 
        <canvas id="line" class="chart chart-line" data="dashboardCtrl.data" labels="dashboardCtrl.labels" legend="true" series="dashboardCtrl.series" options="{showTooltips: false}"></canvas> 
       </div> 
      </div> 
     </div> 

에 다음 한 내 dashboardCtrl

self.pie= {}; 
    self.labels = ["January", "February", "March", "April", "May", "June", "July"]; 
    self.series = ['Series A', 'Series B']; 
    self.data = [ 
    [65, 59, 80, 81, 56, 55, 40], 
    [28, 48, 40, 19, 86, 27, 90] 
    ]; 

에 다음과 같은 정의 된. Html 파일의 컨트롤러에서 내 데이터에 액세스 할 수 있습니다. [] 가운데가 넘쳐 나는 캔버스 카드입니다. 1

Answer 1

문제를 해결할 수있었습니다. 이것은 모든 태그 앞에 접두사 차트가 누락되었습니다.

<canvas id="line" class="chart chart-pie" chart-colors="dashboardCtrl.labelColors" chart-data="dashboardCtrl.data" chart-labels="dashboardCtrl.labels" legend="true" chart-series="dashboardCtrl.series" chart-options="{showTooltips: false}"></canvas>