Chartist - 将文字添加到圆环图的中心

Question

我正在尝试在中心创建一个带文字的圆环图。我需要圆环图如下所示：

总值是我传递给创建图表的函数的变量。截至目前，这就是我所拥有的：

上图的代码如下：

new Chartist.Pie('.ct-chart', {
            series: [{
                value: 10,
                className: 'pieChart1',
            }, {
                value: 6,
                className: 'pieChart2',
            }, {
                value: 5,
                className: 'pieChart3',
            }]
        }, {
            donut: true,
            donutWidth: 20,
            width: '138px',
            height: '138px',
            showLabel: false
        });

有人可以帮我在甜甜圈里面制作文字吗？

Answer 1

它存在一个插件来执行此操作！ http://gionkunz.github.io/chartist-js/plugins.html#filldonut-plugin

实现依赖关系并将此代码添加到对象定义参数：

plugins: [
            Chartist.plugins.fillDonut({
                items: [{
                    content: '<h3>160<span class="small">mph</span></h3>'
                }]
            })
        ],