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