javascript - Chartist.js - 为什么圆环图的中心是黑色的？

Question

在那个 DOM 中没有一个元素我没有尝试将颜色和背景颜色设置为非黑色。而#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;}