Как центрировать текст в середине круговой диаграммы дыры в пончике?

Question

Я хочу создать круговую диаграмму дыры для представления моих данных. Я наткнулся на этот сайт: http://rendro.github.io/easy-pie-chart/. Я следую их инструкциям до конца. Я близок к тому, чтобы заставить его работать, но я не знаю, как центрировать текст в середине моей круговой диаграммы.

Может ли кто-нибудь помочь мне в этом?

Это то, что у меня есть до сих пор.

<div class="chart_1" data-percent="90" > 
     <span>6</span> 
    </div> 

    <script type="text/javascript"> 
     $(function() { 
      $('.chart_1').easyPieChart({ 

          //Configuration goes here 
          easing: 'easeOutElastic', 
          delay: 3000, 
          barColor: '62ae41', 
          scaleColor: false, 
          lineWidth: 10, 
          trackWidth: 10, 
          animate: false, 
          lineCap: 'square', 

          }); 
     }); 
    </script> 

Вот мой результат ...

Answer 1

Я был в состоянии получить его в центре только с небольшим изменением:

• добавлен символ "#" в Цвет прогресса

• удалена прописная запятая

  $(function() { 
      $('.chart_1').easyPieChart({ 
       //Configuration goes here 
       easing: 'easeOutElastic', 
       delay: 3000, 
       barColor: '#62ae41', 
       scaleColor: false, 
       lineWidth: 10, 
       trackWidth: 10, 
       animate: false, 
       lineCap: 'square' 
      }); 
  }); 
  

http://jsfiddle.net/imamathwiz/gu3aL84e/