title: Google Charts Legend labels cut off
body: <p>The legend labels for my pie chart are being cut off when the label is too long. I have already tried to setting width to '100%' but my legend is way big to counter that. Is there a way to discretely define the pie chart size and the legend size? Could someone please share a working example of the same.</p>
  
  <p>Link for JS Fiddle: <a href="https://jsfiddle.net/2nzzLe18" rel="noreferrer">https://jsfiddle.net/2nzzLe18</a>
  The container div dimensions and the legend label font size are part of my requirement.</p>
  
  <p>Also below is the code,</p>
  
  <pre><code>  google.charts.load('current', {'packages':['corechart']});
    google.charts.setOnLoadCallback(drawChart);
    function drawChart() {
  
      var data = google.visualization.arrayToDataTable([
        ['Task', 'Hours per Day'],
        ['info regarding task Work',     11],
        ['info regarding task Eat',      2],
        ['info regarding task Commute',  2],
        ['info regarding task Watch TV', 2],
        ['info regarding task Sleep',    7]
      ]);
  
      var options = {
        title: 'My Daily Activities',
        chartArea: {left: -100, width: '100%'},
        legend: {textStyle: {fontSize: 15}},
  
      };
  
      var chart = new google.visualization.PieChart(document.getElementById('piechart'));
  
      chart.draw(data, options);
    }
  </code></pre>
  
  <p>Thanks,
  Farhan</p>