javascript - Truncating Y-Axis Title in Highcharts v4.1.5 -


i'm having issue charts smaller in height have long y-axis titles start clipping @ edges (top , bottom).

jsfiddle demo

i've tried using style option try , enforce ellipsis overflow.

yaxis : {             title: {                 text:"really long title text go off chart haha haha , on , on",                 style: {                     textoverflow:'ellipsis',                     overflow:'hidden'                 }             }         }, 

however, these sorts of things not work without maximum width of sort, tried adding width: '100%' (see demo) stops short. i'm guessing has fact it's rotated.

is there way have title dynamically adjust height of chart , truncate rather slide off oblivion?

i haven't found helpful in documentation. google-jitsu hasn't been able locate helpful or relevant topics.

you should try using absolute width, not percent:

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

or just:

width: 180, 

jsfiddle


Comments

Popular posts from this blog

php - Zend Framework / Skeleton-Application / Composer install issue -

c# - Better 64-bit byte array hash -

python - PyCharm Type error Message -