将%规格图更改为c3.js中的精确值

Question

我正在尝试更改仪表图表的单位.我希望显示确切的值,而不是默认显示%值.我在文档中查找了它,但它不完整,我不确定应该在代码中添加哪个值来更改它.

var chart = c3.generate({
bindto: "#chart",
data: {
    columns: [
        ['data', 15.0]
    ],
    type: 'gauge',
},
gauge: {
    min: 50,
    max: 100,
    units: '%' //I want to change that
}
});

Answer 1

我在回答自己.要获得精确值而不是仪表图中的%,需要添加以下行:

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
    }
});