[ionic] chart.js 한페이지에 두개 이상 사용

Question

convas 태그로 3개 그렸구요아래처럼 하면 첫번째 convas만 그려져요ㅠㅠ 두개 이상 쓰고싶은데 어떻게 해야하나요?ViewChild('chart1', {static: true}) chart;ViewChild &#64;ViewChild('chart2', {static: true}) chart;ViewChild &#64;ViewChild('chart3', {static: true}) chart;ViewChild bars: any; colorArray: any; constructor() { } ionViewDidEnter() { this.createBarChart1(); this.createBarChart2(); this.createBarChart3(); } createBarChart1() { this.bars &#61; new Chart(this.chart.nativeElement, { type: 'pie', data: { labels: ['1월','2월','3월','4월','5월'], datasets: [{ label: '불량 점유율', data: [20, 30, 7, 3, 40], backgroundColor: ['#ddee44', '#FF9999', '#CC99FF', '#CC0033', '#FFCC99'], borderColor: '#fff', borderWidth: 1 }] } }); } createBarChart2() { this.bars &#61; new Chart(this.chart.nativeElement, { type: 'pie', data: { labels: ['1월','2월','3월','4월','5월'], datasets: [{ label: '비가동 점유율', data: [20, 30, 7, 3, 40], backgroundColor: ['#ddee44', '#FF9999', '#CC99FF', '#CC0033', '#FFCC99'], borderColor: '#fff', borderWidth: 1 }] } }); } createBarChart3() { this.bars &#61; new Chart(this.chart.nativeElement, { type: 'pie', data: { labels: ['1월','2월','3월','4월','5월'], datasets: [{ label: '생산율', data: [20, 30, 7, 3, 40], backgroundColor: ['#ddee44', '#FF9999', '#CC99FF', '#CC0033', '#FFCC99'], borderColor: '#fff', borderWidth: 1 }] } }); }

[ionic] chart.js 한페이지에 두개 이상 사용

0개의 답변

#hybrid 목록