title: How would I change the background color in the legend using Google Chart?
body: <p>My current code for the legend is:</p>
  
  <pre><code>legend: {
              position: 'top',
              maxLines: 3,
              textStyle: {
                  color: '#969696',
              },
          },
  </code></pre>
  
  <p>An example of I would want it to look like:</p>
  
  <p><a href="https://i.stack.imgur.com/MwldZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MwldZ.png" alt="Example image"></a></p>
  
  <p>I can't seem to find how to set the background color for every single element in the legend.</p>
  
  <p>*edit</p>
  
  <p>It currently looks like this:</p>
  
  <p><a href="https://i.stack.imgur.com/o2QaB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/o2QaB.png" alt="enter image description here"></a></p>
  
  <p>Using:</p>
  
  <pre><code>        var options = {
            colors: ['#ee7200', '#d6550d', '#f7380c', '#871c03']
          }
  </code></pre>
  
  <p>*I can't seem to add a tag for google-charts-api or google-charts</p>