Configuration

Use the following configuration options to bind the Chart.js for WireBootstrap component.

Properties

Name	Description
chartjs	A pass-through to the native configuration for Chart.js. See Chartjs for an example.
datamap	Used to bind data to the component. See Data Binding for details.
datalabels	Used to configure the datalabels plugin for Chart.js. See Data Labels for details.
type	Sets the chart type. Valid values are: area , bar , barLine , bubble , doughnut , pie ,line , stackedArea , stackedBar , stackedHorizontalBar

Chartjs

The following creates a bar chart and turns both the legend and title on for the chart.

const chart = new wire.chartjs().render("#chart", {
    ...
    type: "bar",
    chartjs: {    
        title: {display: true, fontSize: 12},
        legend: {display: true, position: "bottom"},
    }
});