HTML 5显示不正确的值

问题描述 投票:-1回答:1

我正在创建一个饼图,以使用以下代码在我的个人网站上显示我的技能水平-

<!-- 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>

但是屏幕上显示的百分比完全不同。我该如何解决?“”

html css flexbox html5-canvas css3pie
1个回答
1
投票

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

© www.soinside.com 2019 - 2024. All rights reserved.