Pro Pack
Docs HomeProduct SiteSupport
  • Introduction
  • Installation
  • Chart.js
    • Configuration
    • Data Binding
    • Data Labels
  • Dataset Filter Labels
    • Installation
    • Configuration
    • Data Binding
  • DataTables
    • Configuration
    • Data Binding
    • Events
    • Methods
  • Date Range Picker
    • Configuration
    • Data Binding
    • Methods
  • iCheck
    • List
      • Configuration
      • Data Binding
      • Events
    • Filter
      • Configuration
      • Data Binding
  • Select2
    • Configuration
    • Data Binding
    • Events
    • Methods
  • Sparklines
    • Installation
    • Configuration
    • Data Binding
  • Toastr
    • Configuration
  • Web Frameworks
Powered by GitBook
On this page

Was this helpful?

  1. Chart.js

Data Labels

PreviousData BindingNextDataset Filter Labels

Last updated 3 years ago

Was this helpful?

The 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 .

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 if it's not found on the page.

chartjs-plugin-datalabels
native datalabels configuration
CDN