0

I am using google Bar Chart and the text on the side is not showing fully. Is there a way to remove the ellipses?

enter image description here

   google.charts.load('current', {'packages': ['corechart']});
   google.charts.setOnLoadCallback(drawChart);

   function drawChart() {
        var byCollege = {!! $byCollege !!};
        var info = [];
        var Header = ['Element', 'الخريجين'];
        info.push(Header);
        for (const elem of byCollege) {
            var temp = [];
            temp.push(elem['college_name']);
            temp.push(elem['total']);
            info.push(temp);
        }
        drawBarChart(info, 'piechart_college');
    }

  function drawBarChart(info, charId) {
        var view = new google.visualization.arrayToDataTable(info);
        var chart = new google.visualization.BarChart(document.getElementById(charId));
        chart.draw(view);
    }

Thanks

HuA
  • 105
  • 2
  • 8
  • Does this answer your question? [How to prevent legend labels being cut off in Google charts](https://stackoverflow.com/questions/16980002/how-to-prevent-legend-labels-being-cut-off-in-google-charts) – Tom Sep 13 '22 at 09:04
  • provide enough space for the legend using `chartArea`, as in the above answer, or move the legend position to top or bottom... – WhiteHat Sep 14 '22 at 17:37

0 Answers0