I'm currently having a problem when charts that are shorter in height but have long names along the Y axis just start trimming the edges (top and bottom).
JSFiddle Demo
I tried to use a parameter styleto try to perform ellipsis overflow.
yAxis : {
title: {
text:"Really really long title text that will go off the chart haha haha and so on and so on",
style: {
textOverflow:'ellipsis',
overflow:'hidden'
}
}
},
However, these things do not work without any maximum width, so I tried to add width: '100%'(see the demo), but it stops shrinking. I guess this is due to the fact that it is spinning.
Is there a way for the name to dynamically adjust to the height of the diagram and correctly truncate itself, and not just go into oblivion?
. Google- .