Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 图表列表-将文本添加到圆环图的中心_Javascript_Css_Charts_Chartist.js - Fatal编程技术网

Javascript 图表列表-将文本添加到圆环图的中心

Javascript 图表列表-将文本添加到圆环图的中心,javascript,css,charts,chartist.js,Javascript,Css,Charts,Chartist.js,我正在尝试创建一个中间有文本的甜甜圈图表。我需要油炸圈饼图表如下所示: 总值是我传递给创建图表的函数的变量。到目前为止,这就是我所拥有的: 上图的代码如下所示: new Chartist.Pie('.ct-chart', { series: [{ value: 10, className: 'pieChart1', }, { value: 6,

我正在尝试创建一个中间有文本的甜甜圈图表。我需要油炸圈饼图表如下所示:

总值是我传递给创建图表的函数的变量。到目前为止,这就是我所拥有的:

上图的代码如下所示:

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

有人能帮我在甜甜圈里写些文字吗

有一个插件可以做到这一点!

实现这些依赖项并将此代码添加到对象定义参数:

plugins: [
            Chartist.plugins.fillDonut({
                items: [{
                    content: '<h3>160<span class="small">mph</span></h3>'
                }]
            })
        ],
插件:[
ChartList.plugins.fillDonut({
项目:[{
内容:“时速160英里”
}]
})
],