Rotate & reposition labels in bar chart

App Building
,
1

I have created a bar chart with labels that shows the value of each bar itself. However, the labels are currently rotated 90 degrees clockwise, and positioned inside the top of each bar. I would like to position the labels outside / on top of each bar, and rotated 90 degrees counterclockwise.

Below is what I have currently in Plotly JSON, and a screenshot of the bar chart.

 "text": {{formatDataAsObject( kraken_vol_wBTC_v2.data )['vol_USD_Bn']}},
    "textposition": "auto",
    "textfont": {"color":'#ffffff', "size":10},
    "texttemplate": "%{text:.1f}",

image
image938×411 22.3 KB

2

Hi @0xbeanz, try 'textposition': 'outside'
You might need to pad your y-axis some too to accommodate fitting extra text at the top.

2812×1216 401 KB

1 Like
3

Thank you! this solution worked for me :slight_smile:

4

Hey @0xbeanz thanks for the follow-up! Any other users seeing this I'm sure will be glad to know the answer is verified :grinning: