Add label in the middle of Google pie chart donut
<p>I am using the google charts library to create donut charts. I wanted to know if it was possible to add a label in the middle of my donut chart just as this:
<a href="https://i.stack.imgur.com/Tp6A0.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/Tp6A0.jpg" alt="label in donut chart"></a></p>

<p>I checked in the google description of options and couldn't find anything. here is how i generate my charts.</p>

<pre><code>&lt;script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
    google.charts.load("visualization", "1", {packages:["corechart"]});
    google.charts.setOnLoadCallback(init);    
    function drawChart(myID,titler,known,unknown) {
        var data = google.visualization.arrayToDataTable([
          ['Knowledge', 'Out of 10'],
          ['Known',     known],
          ['Unknown',      unknown]
        ]);
        var options = {
          title: titler,
          pieHole: 0.7,
          colors: ['#000000', '#cdcdcd'],
          pieSliceText: 'none',
          legend:{position: 'none'},
          tooltip:{text:'percentage'},
          tooltip:{textStyle:{fontSize: 12}}
        };

        var chart = new google.visualization.PieChart(document.getElementById(myID));
        chart.draw(data, options);      
      } 
      function init(){
          drawChart('donutchart1','VB.NET',8,2);
          drawChart('donutchart2','Javascript',4,6);
      }
&lt;/script&gt;
</code></pre>

<p>And my HTML to style my output:</p>

<pre><code>    &lt;table class="Charts"&gt;
        &lt;tr&gt;
            &lt;td&gt;&lt;div id="donutchart1" style="width: 256px; height: 256px;"&gt;&lt;/div&gt;&lt;/td&gt;
            &lt;td&gt;&lt;div id="donutchart2" style="width: 256px; height: 256px;"&gt;&lt;/div&gt;&lt;/td&gt;
        &lt;/tr&gt;
    &lt;/table&gt;
</code></pre>