Highcharts Y Axis Very Long Label #3654
-
Hi folks. I am adding a new bar chart to the Segment UI using Highcharts. We have a y axis label that is rotated vertically. Sometimes the name of the label is really long and it overflows from the SVG view box. My team and I are wondering what the general design guidance would be in these situations? Do we want to allow overflow? If so, in which direction (left, center, right). Do we want to wrap the vertical text? If so, will Highcharts automatically scale the chart so the label does not overlap with y axis tick markers? What should be the organizational guidance for long y labels? |
Beta Was this translation helpful? Give feedback.
Replies: 2 comments
-
Disclaimer: This is a very experimental bot using OpenAI's GPT-4. The answers may not be correct, a human will review the answer and update it if necessary. Sorry, I don't know how to help with that. I did do a search though, and I managed to find these other Discussions that might be similar or related to your question. Give them a read to see if they answer your question. If they do, head back here and update this discussion and mark it as answered, pointing others to the related discussion:
|
Beta Was this translation helpful? Give feedback.
-
We're still in the very early stages of data visualization guidelines. There is some talk about collaborating with some of the Comms BU designers to flesh it out a little further, but that will all depend on priorities next year. This question would be answered by that work in the long run. We don't have much solid guidance specifically for chart labels, but general guidance might get you to an acceptable answer. We try not to truncate, or obscure text anywhere. Furthermore, we guide to show the full text, always. That is achieved by either line breaking or working with your content designer to create labels that are easier to read and shorter. I wonder if your team has reached out to @mma1504 to discuss the label content? To break the string if you really can't create a more succinct label, there is a formatter option to all labels, where you can create line breaks in the string so that the string isn't longer than the height of the chart. https://api.highcharts.com/highcharts/yAxis.labels |
Beta Was this translation helpful? Give feedback.
Hi @brianhumphreys
We're still in the very early stages of data visualization guidelines. There is some talk about collaborating with some of the Comms BU designers to flesh it out a little further, but that will all depend on priorities next year. This question would be answered by that work in the long run.
We don't have much solid guidance specifically for chart labels, but general guidance might get you to an acceptable answer.
We try not to truncate, or obscure text anywhere. Furthermore, we guide to show the full text, always. That is achieved by either line breaking or working with your content designer to create labels that are easier to read and shorter.
I wonder if your team has…