jquery - 易饼图零百分比呈现为点吗？

当我尝试使用0％的易饼图时，仍然在顶部/ 12点位置看到一个小圆点。

参见屏幕截图。 HTML / JS / CSS。

知道我在做什么错吗？

rendering of 0%
HTML：

<span class="chart" data-percent="25">
<span class="percent">25</span>
</span>

JS：

    $('.chart').easyPieChart({
    animate: 2000,
    scaleColor: false,
    lineWidth: 12,
    lineCap: 'square',
    size: 100,
    trackColor: '#e5e5e5',
    barColor: '#00FF00',
    onStep: function(from, to, percent) {
        $(this.el).find('.percent').text(Math.round(percent));
    }
});

CSS：

.chart {
  position: relative;
  display: inline-block;
  width: 110px;
  height: 110px;
  margin-top: 50px;
  margin-bottom: 50px;
  text-align: center;
}

.chart canvas {
  position: absolute;
  top: 0;
  left: 0;
}

.percent {
  display: inline-block;
  line-height: 110px;
  z-index: 2;
}
.percent:after {
  content: '%';
  margin-left: 0.1em;
  font-size: .8em;
}

最佳答案

你没有做错任何事。我不知道其中一个是您的，但是有几个similar issues on plugin's GitHub page。

插件画一条线。在这种情况下，它将在0处开始一行，在0处结束，并应用3px粗细的笔触，并带有圆形的端盖，在起点处创建一个小点。

在您的代码中，您可以只检查value是否大于0并根本不显示它，或者在GH上发出提示并等待修复。

关于jquery - 易饼图零百分比呈现为点吗？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41791893/