Ask Your Question
0

How can the chart title, x axis name, and y axis name be set in Chart.js?

asked 2021-11-01 11:00:00 +0000

devzero gravatar image

edit retag flag offensive close merge delete

1 Answer

Sort by ยป oldest newest most voted
2

answered 2022-12-20 12:00:00 +0000

djk gravatar image

In Chart.js, the chart title, x-axis name, and y-axis name can be set using the options object.

To set the chart title:

var chart = new Chart(ctx, {
    type: 'bar',
    data: {...},
    options: {
        title: {
            display: true,
            text: 'Chart Title'
        },
        ...
    }
});

To set the x-axis name:

var chart = new Chart(ctx, {
    type: 'bar',
    data: {...},
    options: {
        scales: {
            xAxes: [{
                scaleLabel: {
                    display: true,
                    labelString: 'X-axis Name'
                }
            }],
            ...
        }
    }
});

To set the y-axis name:

var chart = new Chart(ctx, {
    type: 'bar',
    data: {...},
    options: {
        scales: {
            yAxes: [{
                scaleLabel: {
                    display: true,
                    labelString: 'Y-axis Name'
                }
            }],
            ...
        }
    }
});
edit flag offensive delete link more

Your Answer

Please start posting anonymously - your entry will be published after you log in or create a new account. This space is reserved only for answers. If you would like to engage in a discussion, please instead post a comment under the question or an answer that you would like to discuss

Add Answer


Question Tools

Stats

Asked: 2021-11-01 11:00:00 +0000

Seen: 20 times

Last updated: Dec 20 '22