HTML 5 显示不正确的值

Question

我正在使用以下代码创建一个饼图，以在我的个人网站上显示我的技能熟练程度 -

<!-- main skill No. 1 -->
    <div class="skill col-md-3 col-sm-6">
        <div class="chart center" data-percent="75">
            <span><span id="chart_num_1"></span> %</span>
        </div>
        <h2>Product Management</h2>
    </div>

<!-- main skill No. 2 -->
    <div class="skill col-md-3 col-sm-6">
        <div class="chart center" data-percent="70">
            <span><span id="chart_num_2">70</span> %</span>
        </div>
        <h2>Data Analysis</h2>
    </div>

<!-- main skill No. 3 -->
    <div class="skill col-md-3 col-sm-6">
        <div class="chart center" data-percent="65">
            <span><span id="chart_num_3">65</span> %</span>
        </div>
        <h2>Python</h2>
    </div>

<!-- main skill No. 4 -->
    <div class="skill col-md-3 col-sm-6">
        <div class="chart center" data-percent="60">
            <span><span id="chart_num_4">60</span> %</span>
        </div>
        <h2>UX/UI</h2>
    </div>

但是屏幕上反射的百分比完全不同。我该如何解决？

Answer 1

图表上的数字来自js/plugins.js 文件。

$("#chart_num_1").animateNumber({ number: 55 }, 1500);         
$("#chart_num_2").animateNumber({ number: 30 }, 1500);         
$("#chart_num_3").animateNumber({ number: 35 }, 1500);         
$("#chart_num_4").animateNumber({ number: 60 }, 1500); 

将那里的值更改为与图表的data-percent 相同