title: Google pie chart single value
body: <p>I am using a Google Pie Chart and have a problem modifying it. After many complicated calculations I get a percentage value, say 67%. I want that single percentage value to be shown in pie/donut chart.</p>
  
  <p>My HTML code is </p>
  
  <pre><code>&lt;div id="chart_div"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>My Javascript code is</p>
  
  <pre><code>function drawChart() {
  var data = google.visualization.arrayToDataTable([
      ['Category', 'Value'],
      ['Foo', 67]
  ]);
  
  var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
  chart.draw(data, {
      height: 400,
      width: 600,
      pieHole: 0.5,
      pieSliceTextStyle: {
          color: '#000000'
      }
  });
  }
  google.load('visualization', '1', {packages: ['corechart'], callback: drawChart});
  </code></pre>
  
  <p>You can have a look here <a href="http://jsfiddle.net/asgallant/mx03tcx5/" rel="nofollow">http://jsfiddle.net/asgallant/mx03tcx5/</a> </p>
  
  <p>How do I make the graph cover up only 67% of the pie instead of 100%, since I am only providing a single value. Is there any other way to achieve this..</p>