Angular2 chart

Angular2 chart

Line Chart, Bar Chart, Doughnut Chart, Radar Chart, Pie Chart등 종류 다양
Line Chart 사용법

1. npm install ng2-charts –save
2. npm install chart.js –save
3. <script src=”node_modules/chart.js/src/chart.js”></script>추가

<div>
 <canvas class="line" 
   baseChart
   [data]="lineChartData"
   [options]="lineChartOptions"
   [labels]="lineChartLabels"
   [chartType]="line"> 
 </canvas> 
</div> 

public lineChartData: Array<any> = [12, 20, 11]; 
public lineChartLabels: Array<any> = ['April', 'May', 'June']; 
public lineChartOptions: any = { legend: { display: false }, scales: { xAxes: [{ display: false //축 제거 }], yAxes: [{ display: false //y축 제거 }] }, tooltips: { enabled: false } //mouseover시 tooltip 제거 };