我试图在用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)