title: google piechart pie background image
body: <p>I am using google charts and here is my piechart code...I want to use background repeating image instead of colors. Is that possible with google charts?</p>
  
  <pre><code>google.charts.load('current', {'packages':['corechart']});
              google.charts.setOnLoadCallback(drawChart);
              function drawChart() {
                  var data = google.visualization.arrayToDataTable([
                    ['Task', 'Hours per Day'],
                    ['Work',     1],
                    ['Eat',      1],
                    ['Commute',  1],
                    ['Watch TV', 1],
                    ['Sleep',    1]
                  ]);
  
                  var options = {
                      pieSliceBorderColor : 'none',
                      chartArea:{left:5,top:5,width:390,height:390},
                      enableInteractivity:false,
                      pieStartAngle:30,
                      pieHole: 0.6,
                      slices: {
                          0: { color: 'brown', offset: 0.01 },
                          1: { color: 'brown', offset: 0.01  },
                          2: { color: 'brown', offset: 0.01  },
                          3: { color: 'brown', offset: 0.01  },
                          4: { color: 'brown', offset: 0.01  },
  
                      }
                  };
  
                  var chart = new google.visualization.PieChart(document.getElementById('piechart'));
  
                  options.slices[sliceCount].color = 'transparent';
                  chart.draw(data, options);
  
  
              }
  </code></pre>