javascript - 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
        });

有人可以帮我在 donut 内创建文字吗？

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>'
                }]
            })
        ],