Javascript 将c3.js中的百分表图表更改为精确值
我正试图改变仪表图表的单位。我希望显示准确的值,而不是默认显示%值。我在文档中查找了它,但它不完整,我不确定应该在代码中输入哪个值来更改它Javascript 将c3.js中的百分表图表更改为精确值,javascript,c3.js,Javascript,C3.js,我正试图改变仪表图表的单位。我希望显示准确的值,而不是默认显示%值。我在文档中查找了它,但它不完整,我不确定应该在代码中输入哪个值来更改它 var chart = c3.generate({ bindto: "#chart", data: { columns: [ ['data', 15.0] ], type: 'gauge', }, gauge: { min: 50, max: 100, units: '%' //I want t
var chart = c3.generate({
bindto: "#chart",
data: {
columns: [
['data', 15.0]
],
type: 'gauge',
},
gauge: {
min: 50,
max: 100,
units: '%' //I want to change that
}
});
我在回答我自己。要获得准确值,而不是仪表图表中的%值,需要添加以下行:
var chart = c3.generate({
bindto: "#chart",
data: {
columns: [
['data', 15.0]
],
type: 'gauge',
},
gauge: {
label:{
format: function(value, ratio){
return value; //returning here the value and not the ratio
},
},
min: 50,
max: 100,
units: '%' //this is only the text for the label
}
});
显示gauge.label.format
。另见。