javascript - 我如何通过 <li> 标记从 javascript 函数向我的图表动态添加值？

Question

我在本节中编写了执行一些评估的 javascript 函数。

Javascript

function getValue($value ){
    if($value<100) {
        return $value;
    } else if ($value>100 && $value<1000) {
        return ($value/1000*100);
    }else if($value>1000 && $value<10000){
        return ($value/10000*100);
    }else if($value>10000 && $value<100000){
        return ($value/100000*100);
    }
}        

图表是从这里绘制的。当我如下所示从 li 标签调用 getValue() 函数时，它不会像绘制其他条一样绘制值。

<div class="bar-stats">
    <ul class="progress-stat-bar clearfix">
        <li data-percent="getValue(600);" ><span class="progress-stat-percent pink"></span</li>
        <li data-percent="400"><span class="progress-stat-percent"></span></li>
        <li data-percent="700"><span class="progress-stat-percent yellow-b"></span></li>
    </ul>
    <ul class="bar-legend">
        <li><span class="bar-legend-pointer pink"></span> Total Sales</li>
        <li><span class="bar-legend-pointer green"></span> Total Earnings</li>
        <li><span class="bar-legend-pointer yellow-b"></span> Total Profit</li>
    </ul>
    <div class="daily-sales-info">
        <span class="sales-count">700<i class="fa fa-dollar"></i> </span> 
        <span class="sales-label">Total Profit</span>
    </div>
</div>

Answer 1

对于 html:

<li id="test"></li>

在 JavaScript 中:

document.getElementById("test").innerHTML = getvalue(your_value);