On the bar chart when there are vastly different values (0, 10 and 200 000 000), the text for 0 and small values won't be displayed.
I need the textposition to be set to auto because on mobile I hide the Y axis labels and put them in the trace.text:
- if I set it to
inside and the bar is small the text will be crammed in there and will not be readable. And because we are on mobile, and the differences in values are very big, the bar will also be too small to touch it to see the hovertemplate;
- if I set it to
outside and the bar is too big, the text will be outside of the viewport. Note that I use cliponaxis: false, but being on mobile means that the viewport is too small.
- and I can't set the range of the X axis because I use a grouped bar chart with slider and how do you even do that ?
The most simple approach is for textposition: "auto" to display everything and to behave just like it does now.
Here is a minimal example:
https://codepen.io/bleah1/pen/dyqLmvN
I am unable to use annotations because I am using a grouped bar chart with slider and it has this issue: #6543
On the bar chart when there are vastly different values (0, 10 and 200 000 000), the text for 0 and small values won't be displayed.
I need the
textpositionto be set toautobecause on mobile I hide the Y axis labels and put them in thetrace.text:insideand the bar is small the text will be crammed in there and will not be readable. And because we are on mobile, and the differences in values are very big, the bar will also be too small to touch it to see thehovertemplate;outsideand the bar is too big, the text will be outside of the viewport. Note that I usecliponaxis: false, but being on mobile means that the viewport is too small.The most simple approach is for
textposition: "auto"to display everything and to behave just like it does now.Here is a minimal example:
https://codepen.io/bleah1/pen/dyqLmvN
I am unable to use annotations because I am using a grouped bar chart with slider and it has this issue: #6543