Avoiding overlapping charts on a map with Leaflet?

I’m currently developing an online GIS with Leaflet and need to plot bar charts on a map. I’m using leaflet.minichart (https://rte-antares-rpackage.github.io/leaflet.minichart/) for the charts.
My problem is that some of the bar charts are overlapping – usually due the proximity of the centroids of my polygons. You can see a good example in the attached printscreen on the darkest polygon.
I would like to avoid such overlaps and at this stage I’m fairly agnostic to the type of solution – I just want to ensure a nice rendering along with user-friendliness. Here below my code:

function add_poly_charts(features){
            var feature; // contains the polygon centroid and name, while polygon_charts is an array containing the data for each polygon

            // size simply changing with the number of charts, this si what we woudl like to automate to avoid collisions
            var size=80;
            if(n_poly_charts>5){
                size=30;
            }

            for (var i=0; i< features.features.length; i++){
                feature=features.features[i];
                var chart=L.minichart([feature.properties.centroid_y,feature.properties.centroid_x],
                                      {data: polygon_charts[feature.properties.adm],type:"bar",height:size,width:size, labels: names_list,
                                      colors:chart_colors});

                poly_charts.push(chart);
                mymap.addLayer(chart);
            }

        }