Highcharts: Gantt chart yaxis label does not adjust size with long label text

Created on 8 Mar 2019  路  1Comment  路  Source: highcharts/highcharts

Expected behaviour

When a long name is supplied to a gantt chart row, the label should be clipped with ellipsis, and the surrounding grid resize accordingly

Actual behaviour

The label is clipped with ellipsis, but the grid does not resize.
image
(I've searched hard for a configuration option that may fix this but have had no luck)

Live demo with steps to reproduce

https://jsfiddle.net/k41eg257/

Product version

Highcharts v7.0.3

Highcharts Gantt Done Bug

Most helpful comment

Hi @TweededBadger,
Thank you for reporting.

As a workaround you can declare width / height and apply CSS styles.

    yAxis: {
        labels: {
        useHTML: true,
        style:{
            width: '100px',
          height: '18px'
        }
      }
    },

Demo:

FYI @jon-a-nygaard

>All comments

Hi @TweededBadger,
Thank you for reporting.

As a workaround you can declare width / height and apply CSS styles.

    yAxis: {
        labels: {
        useHTML: true,
        style:{
            width: '100px',
          height: '18px'
        }
      }
    },

Demo:

FYI @jon-a-nygaard

Was this page helpful?
0 / 5 - 0 ratings