How to create a dynamic labels in month in chart js

Use the configuration to define it

var chart = new Chart(ctx, {
    type: 'line',
    data: data,
    options: {
        scales: {
            x: {
                type: 'time',
                time: {
                    unit: 'month'
                }
            }
        }
    }
});

Docs

https://www.chartjs.org/docs/master/axes/cartesian/time#time-units

@gitwithravish How should I put under this ?

$(function(){ //get the pie chart canvas var cData = JSON.parse(``); var ctx = $("#line-chart"); //pie chart data var data = { labels:cData.label, datasets: [ { label: "Number of order per months", data: cData.data, borderColor: '#0a0ef2', backgroundColor: '#0a0ef2', borderWidth: [1, 1, 1, 1, 1,1,1] } ], scales: { yAxes:[{ ticks:{ beginZero:true } }] }, }; //options (here?) var options = { responsive: true, title: { display: true, position: "top", text: "Order Report", fontSize: 18, fontColor: "#111" }, legend: { display: true, position: "bottom", labels: { fontColor: "#333", fontSize: 16 } } }; var chart = new Chart(ctx, { type: "line", data: data, options: options }); });

@gitwithravish can you please put your code between triple quotes so that i can read?