Vue Charts.css

# Labels

Labels are used to describe the data or the dataset over the primary axis.

# Add Labels

To add labels simply use the labels prop with an array




 








 





<charts-css
    type="bar"
    heading="Team's coffee count"
    :labels="coffeeLabels"
    :datasets="coffeeDatasets"
/>

<script>
    export default {
        data()
        {
            return {
                coffeeLabels: [ "Monday", "Tuesday", "Wednesday", "Thursday", ],
            };
        }
    }
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

# Show Labels

By default the labels are hidden. To display the labels use the show-labels boolean prop



 


<charts-css
    ...
    show-labels
/>
1
2
3
4

← Spacing →