使用C3.JS调整仪表图表的缩放比例

Question

我想调整C3仪表图表的缩放比例，使最小值为50，最大值为100，传入的值为75.在我的心理模型，这应该使电弧从左侧穿过仪表的一半（从50-75）。然而，相反，弧线出现在中间，并且计算出的值是50？我认为这个值是50，因为75是50-100之间的一半，但我不知道如何使弧线正确显示。

http://jsfiddle.net/8o4mqjf4/

我认为弧应该从左边一路正好中间。

var chart = c3.generate({ 
    bindto: "#gauge", 
    data: { 
     columns: [ 
      ['data', 75.0] 
     ], 
     type: 'gauge', 
    }, 
    gauge: { 
     min: 50, 
     max: 100 
    }, 
    color: { 

    } 
}); 

Answer 1

你的心智模式是正确的。仪表不会像您期望的那样显示，因为它默认显示比率。使用标签和格式选项来代替显示该值：

var chart = c3.generate({ 
    bindto: "#gauge", 
    data: { 
     columns: [ 
      ['data', 75.0] 
     ], 
     type: 'gauge', 
    }, 
    gauge: { 
     label: { 
      format: function(value, ratio) { 
       return value; 
      } 
     }, 
     min: 50, 
     max: 100 
    }, 
    color: { 

    } 
});