Chartist.js-甜甜圈图的中心为什么会变黑？

Question

在该DOM中没有一个元素，我没有尝试将color和background-color设置为non-black。而且＃piechart_3d-1完全没有样式。

那为什么中心会变黑？我该如何阻止这种情况发生？

new Chartist.Pie('#piechart_3d-1', {
        series: [{ meta: 'Active|' + numAllMachines, value: numActive },
            { meta: 'Standby|' + numAllMachines, value: numStandby }]
    }, {
        donut: true,
        donutWidth: '40%',
        showLabel: false,
        width: '95%',
        height: '95%'
    });

Answer 1

我知道这很旧，但是我遇到了同样的问题，似乎没人在任何地方发布了解决方案。这是svg填充的问题。黑色不会出现在CSS检查器中，因此很难弄清楚。解决方法是向路径添加填充。像这样：

.ct-series path {fill: white !important;}