C3.JS를 사용하여 게이지 차트의 배율 조정

Question

C3 게이지 차트의 배율을 조정하여 최소값이 50, 최대 값이 100, 전달되는 값이 75가되도록 조정하려고합니다. 암시가 게이지 (50-75)의 중간에서 왼쪽으로 가야하는 정신 모델. 그러나 그 대신에 아크가 중간에 나타나고 계산 된 값은 50입니까? 75가 50-100의 중간 정도이기 때문에 값이 50이라고 가정합니다. 그러나 아크를 올바르게 표시하는 방법을 모릅니다.

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: { 

    } 
});