웹 환경에서 차트는 Plotly를 사용하시는 분들이 많을텐데요. 바차트에서 텍스트를 바 안에 넣는 방법은 ChartLayout에 아래와 같은 속성으로 설정합니다.

textposition: 'inside',

그런데 이렇게 하면 세로 바차트(Vertical Bar-chart)에서는 문제가 없는데요. 가로 바차트(Horizontal Bar-chart)를 사용하면 우측으로 텍스트가 정렬되는걸 볼 수 있습니다. 인사이드 텍스트를 가운데로 정렬하려면 아래 속성을 추가해야 합니다.

insidetextanchor: 'middle',

대부분 Vertical(세로)의 정렬은 Top, Middle, Bottom으로 설정하고, Horizontal(가로)은 Left, Center, Right인데요. 왜 Middle일까를 생각을 해보니, 세로 모드를 가로로 돌려놓았기 때문인듯 합니다. 정확하게 내부에서 어떻게 처리되는지 코드를 확인하지는 않았지만 왠지 그럴거 같긴하네요-_-;