除总值外,如何在仪表下增加百分比值?

时间:2019-09-18 07:02:16

标签: javascript visual-studio-code percentage jsgauge

我试图在用gauge.js制作的仪表图下,在总值旁边显示一个百分比值。目前,仅显示总价值。

我尝试了几个代码片段来添加百分比值,但是当我想在浏览器中检查量表时,总值或百分比值都不会显示。

    function createGaugePressure(val, name, rowId, maxval, minval) {
    var td = $(document.createElement("td"));
    var div = $(document.createElement("div")).addClass("gaugeDiv");
    var label = $(document.createElement('span')).html(name);
    var canvas = document.createElement('canvas');
    canvas.id = rowId.substring(1) + "_" + name;
    var valueLabel = document.createElement('span');

    //skipped the lines where the Options are defined

    var gauge = new Gauge(canvas).setOptions(opts); // create sexy gauge!
    gauge.maxValue = 30; // set max gauge value. Original code "= maxval"
    gauge.setMinValue(minval);  // Prefer setter over gauge.minValue = 0
    gauge.animationSpeed = 50; // set animation speed (32 is default value)
    gauge.set(val); // set actual value
    gauge.setTextField(document.getElementById('valueLabelPercentage'))
    //document.getElementById(id).innerHTML = val/maxval +"%";
    gauge.setTextField(valueLabel, 3); 
    // rounds values under the gauge Chart to 3 digits
    return gauge;

因此,我需要量规图和百分数值,其总括在其下的括号中。例如。 11.00%(23.00)

0 个答案:

没有答案