Chart js

Chart js is loaded with powerful features to fulfill your data-visualization needs. Look at some of the key features of Chart js. For more details

Direct <script> include

directly include it in your html

<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
HTML Code
 <canvas id="echart-basic-line" class="custom-chart"></canvas>
Script
const lineChart = document.getElementById('echart-basic-line');
if (lineChart) {
    new Chart(lineChart, {
        type: 'line',
        data: {
            labels: ['August', 'September', 'October', 'November', 'December', 'January', 'February'],
            datasets: [{
                label: 'Line Chart',
                data: [65, 59, 80, 81, 56, 55, 40],
                fill: false,
                borderColor: 'rgba(8, 155, 171, 1)',
                tension: 0.1
            }]
        },

    });
}
Previous Next