Chartist.js로 막 대형 차트의 막대 텍스트 표시

Question

그래서 Chartist.js 차트를 사용하여 막 대형 차트의 실제 막대 안에 일부 텍스트를 표시하려고합니다. 최종 결과는 다음과 같이 보일 것입니다 :

나는 바 안의 텍스트를 얻기 위해 설정해야 할 재산

?

Answer 1

나는 그것으로 다음과 같은 코드를 추가 할 수 있습니다, 그것은 당신이 찾고있는 무엇을 제공해야 chartist-bar-labels을 사용합니다 :

Chartist.plugins.ctBarLabels({ 
     position: { 
     x: function (data) { 
      return data.x1 + 50 
     } 
     }, 
     labelOffset: { 
     y: 7 
     }, 
     labelInterpolationFnc: function (text) { //<--- this adds text to your bards 
     return text + '%' 
     } 
    })