title: Anychart doughnut chart standalone label
body: <p>I'm trying to use a standalone label in the middle of the chart to display the &quot;win %&quot;.
  Right now it is hard coded, but would like it to obviously based on the chart data..</p>
  <pre><code>label.text(&quot;80%&quot;);
  </code></pre>
  <p>Here my code</p>
  <pre><code> &lt;html&gt;
      &lt;head&gt;
          &lt;script src=&quot;https://cdn.anychart.com/releases/8.11.0/js/anychart-core.min.js&quot;&gt;&lt;/script&gt;
          &lt;script src=&quot;https://cdn.anychart.com/releases/8.11.0/js/anychart-pie.min.js&quot;&gt;&lt;/script&gt;
      &lt;/head&gt;
  
      &lt;body&gt;
          &lt;script&gt;
  
              anychart.onDocumentReady(function () {
              
              // create pie chart with passed data
              var chart = anychart.pie([
                  ['Winner', 12],
                  ['Looser', 3]
              ]);
              
              // set chart title text settings
              chart
                  .title('% WIN RATIO')
                  // set chart radius
                  .radius('50%')
                  // create empty area in pie chart
                  .innerRadius('60%');
                  // enable labels for a series
  
              // Centered label ---------------------------------------------------
              // create and configure a label
              var label = anychart.standalones.label();
              label.text(&quot;80%&quot;);
              label.width(&quot;100%&quot;);
              label.height(&quot;100%&quot;);
              label.fontColor(&quot;grey&quot;);
              label.hAlign(&quot;center&quot;);
              label.vAlign(&quot;middle&quot;);
              label.fontSize(&quot;22&quot;);
  
              // disable legend
              var legend = chart.legend();
              legend.enabled(false);
  
              // set the label as the center content
              chart.center().content(label);
              // ------------------------------------------------------------------
  
              // Information on hover ---------------------------------------------
              // configure tooltips on the chart
              chart.tooltip().title(&quot;Volume&quot;);
              chart.tooltip().format(&quot;{%value} Trades&quot;);
              // ------------------------------------------------------------------
  
              // Labels -----------------------------------------------------------
              // set chart labels position to outside
              //chart.labels().position('outside');
              chart.labels(false);
              // font labels font settings
              //chart.labels().fontFamily(&quot;Menlo&quot;);
              //chart.labels().fontSize(18);
              //chart.labels().fontDecoration(&quot;underline&quot;);
              //chart.labels().fontWeight(900);
              // ------------------------------------------------------------------
  
              // set container id for the chart
              chart.container('container');
  
              // initiate chart drawing
              chart.draw();
              });
  
  
          &lt;/script&gt;
  
  
          &lt;div id=&quot;container&quot;&gt;
              
          &lt;/div&gt;
  
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>