BootStrap4 - 차트

 

//차트불러오기

<script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0"></script>

//차트 보여줄부분

<canvas id="myChart"></canvas>

//차트스크립트

<script>

                var ctx = document.getElementById('myChart').getContext('2d');

                var chart = new Chart(ctx, {

                    // 챠트 종류를 선택

                    type: 'line',

                    // 챠트를 그릴 데이타

                    data: { labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],

                    datasets: [{ label: '일일 방문 통계',

                        backgroundColor: 'transparent',

                        borderColor: '#18a8f1', data: [0, 15, 5, 2, 20, 30, 45] }] },

                    // 옵션 options: {}

                });

</script>