title: Google chart - legend
body: <p>I would like to change my legend, I must have remove pagging and put all tittles in one or two rows. And i would like to change icon. </p>
  
  <p>It's look like this now</p>
  
  <p><a href="https://i.stack.imgur.com/TNmBD.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/TNmBD.jpg" alt=""></a></p>
  
  <p>I would like something like this</p>
  
  <p><a href="https://i.stack.imgur.com/0JeBe.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0JeBe.jpg" alt="enter image description here"></a></p>
  
  <p>I put scrollArrows: 'none' but it doesn't work.
  This is my code in controller:</p>
  
  <pre><code>var optionsMobile = {
  width: '100%',
  height: '100%',
  pointSize: 5,
  series: {
      pointShape: 'circle'
  },
  chartArea: {
      width: '80%',
      height: '70%'
  },
  legend: {
      position: 'bottom',
      textStyle: {
          color: 'white'
      },
      pagingTextStyle: { color: '#666' },
      scrollArrows: 'none'
  },
  backgroundColor: 'transparent',
  titleTextStyle: {
      color: 'white',
      height: "40px"
  },
  hAxis: {
      textStyle: {
          color: 'white'
      }
  },
  vAxis: {
      textStyle: {
          color: 'white'
      }
  },
  };
  </code></pre>