Vue-Chartjs set base size for bar charts


I have a problem with vue-chartjs horizontal bar charts. I have to display category information on this charts but there are so many categories so that it seems so tight. I’ve tried barThickness and it enhanced the width of the bar as expected. But the configuration I need is the base size because it seems like this:
enter image description here

chartData: {
    labels: categories.map(category => category[level]),
    datasets: [
        {
             data: categories.map(category => category.Index),
             backgroundColor: '#6495ED',
             barThickness: 15
        }
    ]
},
options: {
    legend: {
        display: false
    }
}

vue-chartjs version: 3.5.1

Source: Vue – Stack Overflow

November 23, 2021
Category : News
Tags: charts | vue-chartjs | Vue.js

Leave a Reply

Your email address will not be published. Required fields are marked *

Sitemap | Terms | Privacy | Cookies | Advertising

Senior Software Developer

Creator of @LzoMedia I am a backend software developer based in London who likes beautiful code and has an adherence to standards & love's open-source.