0

How to remove this label below the title of the bar chart?

//MARITAL STATUS 
                var marital_status=obj.marital_status;
                //alert(sex.Male);
                var ctx2 = document.getElementById('marital_status_chart').getContext('2d');
                var myChart2 = new Chart(ctx2, {
                    type: 'bar',
                    data: {
                        labels: ["Single","Married", "Widowed","Separated","Others"],
                        datasets: [{
                            data: [marital_status.Single, marital_status.Married, marital_status.Widowed,marital_status.Separated,marital_status.Others],
                            borderWidth: 1,
                            backgroundColor: my_backgroundColors,
                            hoverBackgroundColor: my_hoverBackgroundColor,
                            hoverBorderColor: my_hoverBorderColor,
                        }]
                    },
                    plugins: [ChartDataLabels],
                    options: {
                        plugins: {
                            datalabels: {
                                color: 'black'
                            },
                            title: {
                                display: true,
                                text: 'Marital Status'
                            }
                        }
                    }
                });

enter image description here

beginner
  • 2,024
  • 5
  • 43
  • 76

0 Answers0