Y-axis truncation in Highcharts v4.1.5

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- .

+4
1

, :

width: $('#container')[0].clientHeight*0.85,

:

width: 180,

JSFiddle

+3

Source: https://habr.com/ru/post/1598293/


All Articles