如何将文字居中放置在甜甜圈饼图的中间？

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

我稍微修改一下就可以让它居中：

向 barColor 添加了“#”

删除了尾随逗号

$(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/

如何将文字居中放置在甜甜圈饼图的中间？

How to center the text in the middle of donut hole pie chart?

javascript

css

charts

easypie