Data Labels

The chartjs-plugin-datalabels plugin is an extension library that allows labels to be turn on for the elements of chart.

By default, datalabels are turned off. To turn them on, use the pass-through for the native datalabels configuration.

The following example turns on data labels and also changes their text to white.

const chart = new wire.chartjs().render("#chart", {
    ...
    datalabels: {
        display: true,
        color: "white"
    }    
});            

Library

Chart.js for WireBootstrap will load chartjs-plugin-datalabels.min.js from a CDN if it's not found on the page.

Last updated