title: How to get Google Chart legend text to appear?
body: <p>For unclear reasons, our code has stopped showing the text in the legend of our google line chart. </p>
  
  <p><a href="https://i.stack.imgur.com/6N5Pc.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6N5Pc.png" alt="enter image description here"></a></p>
  
  <p>We have tried changing the width of the chart and the chart area as mentioned in <a href="https://stackoverflow.com/questions/16980002/how-to-prevent-legend-labels-being-cut-off-in-google-charts">other SO posts</a>. We also tried changing the position of legend with no effect. We are not using any <a href="https://stackoverflow.com/questions/16706355/google-chart-text-is-missing">custom CSS</a> as mentioned here either. There are no errors in the console.</p>
  
  <p><strong>Any idea how to fix this to show the legend text?</strong>  </p>
  
  <p>HEAD:</p>
  
  <pre><code>&lt;script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"&gt;&lt;/script&gt;
  &lt;script src="https://www.google.com/jsapi" type="text/javascript"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>BODY HTML: </p>
  
  <pre><code>&lt;div id="volume_adjusted_visits_by_month_combined"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>SCRIPT: </p>
  
  <pre><code>&lt;script&gt;
  google.charts.load('current', {packages: ["corechart"]});
      google.charts.setOnLoadCallback(volume_adjusted_visits_by_month_combined);
      function volume_adjusted_visits_by_month_combined()
      {
        var data = new google.visualization.DataTable();
        data.addColumn({type:'number', id:'Month'});
  data.addColumn({type:'number', id:'All_Visits'});
  data.addColumn({type:'number', id:'KS'});
  
        data.addRows([
        [1,1.0,0.98],[2,1.0,0.95],[3,1.0,0.95],[4,1.0,0.98],[5,1.0,1.01],[6,1.0,1.05],[7,1.0,1.14],[8,1.0,1.12],[9,1.0,1.05],[10,1.0,0.91],[11,1.0,0.96],[12,1.0,0.9],
        ]);
      var options =
       {'colors': ['#D3D3D3', 'black'], 'pointSize': 10, 'width': 600, 'vAxis': {'title': 'Ratio'}, 'title': 'Volume Adjusted Monthly Pattern of KS', 'series': {'1': {'pointShape': 'square', 'pointSize': 10}, '0': {'pointShape': 'circle', 'lineDashStyle': [10, 4], 'pointSize': 7}}, 'height': 600, 'hAxis': {'title': 'Months', 'minValue': 0, 'gridlines': {'count': -1}}}
      ;
      var plain = document.getElementById('plain_text_set') !== null
      var chart = new google.visualization.LineChart(document.getElementById('volume_adjusted_visits_by_month_combined'));
      if (plain) {
      var chart_div = document.getElementById('volume_adjusted_visits_by_month_combined');
      google.visualization.events.addListener(chart, 'ready', function () {
        chart_div.innerHTML = '&lt;img src="' + chart.getImageURI() + '"&gt;';
        console.log(chart_div.innerHTML);
      });}
  
        chart.draw(data, options);
      }
  
  &lt;/script&gt;
  </code></pre>