Breaking News: Grepper is joining You.com. Read the official announcement!

how to use chartjs(4.3)

Poor Pygmy answered on August 15, 2023 Popularity 5/10 Helpfulness 1/10

answer how to use chartjs(4.3)

how to use chartjs(4.3)

Comment

// need to verify a variable for renewing canvas in chart.js
// in chartjs, whenever you change datas of chart, you must destroy existing chart and 
// create new chart

        var myChart;

        function getCountOfStudents(data_labels, data_counts) {
            const ctx = document.getElementById('myChart').getContext('2d');
            // Check if a previous chart exists and destroy it
            if (myChart) {
                myChart.destroy();
            }

            myChart = new Chart(ctx, {
                type: 'pie', // pie // doughnut / line / bar
                data: {
                    labels: data_labels, // count of label = count of data
                    datasets: [{
                        label: 'စုစုပေါင်း ဉီးရေ',
                        data: data_counts,
                        borderWidth: 1,
                        showLine: false,
                        hoverBackgroundColor: 'black',
                        // backgroundColor: 'rgba(255, 0, 0, 0.5)'
                    }, ],
                },
                options: {
                    responsive: true,
                    animation: false,
                    showLine: false, // disable for all datasets // when false, it fast performance
                    layout: {
                        padding: 50
                    },
                    plugins: {
                        tooltip: {
                            backgroundColor: 'black',
                        },
                        legend: {
                            display: true,
                            position: 'right'
                        },
                    },
                }
            });
            // });
        }

Popularity 5/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: javascript

Link to this answer
Share Copy Link

Contributed on Aug 15 2023

Poor Pygmy

0 Answers Avg Quality 2/10

how to use chartjs(4.3)

Contents

More Related Answers

how to use chartjs(4.3)

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.