Chart Bar

The chart bar is a wrapper of Apexchart bar. We keep the compatibility with almost all the configuration supported by the original chart object. For more information you can refer to the original documentation.

Props

prop	type	required	notes
title	string	true	Title and main message to include within the graph
series	array of objects	true	The set of data. You can combine as many objects as needed
labels	array of strings	true	Main description of every data in the series data array.

Example of a simple chart:

<lesli-chart-bar 
    title="My daily activity graph"
    :series="[{ data:[4, 1, 4, 2, 5] }]"
    :labels="['Monday','Tuesday','Wednesday', 'Thursday', 'Friday']">
</lesli-chart-bar>

Multi serie chart:

<lesli-chart-bar 
    title="My daily activity graph"
    :series="[{ data:[4, 1, 4, 2, 5] }]"
    :labels="['Monday','Tuesday','Wednesday', 'Thursday', 'Friday']">
</lesli-chart-bar>

Stacked chart:

<lesli-chart-bar 
    title="My daily activity graph"
    :series="[{ data:[4, 1, 4, 2, 5] }]"
    :labels="['Monday','Tuesday','Wednesday', 'Thursday', 'Friday']">
</lesli-chart-bar>

Edit this page

Last Update: 2025/06/29