evilrid
Posts: 18
Joined: Thu Feb 08, 2018 7:44 pm

xaxis label text words overlapping each other

How can i make the label text in the fiddle to be displayed the same way when exporting to image or pdf?

fiddle http://jsfiddle.net/hy5gx3v9/2/
wojtek
Posts: 433
Joined: Tue Jul 03, 2018 12:32 pm

Re: xaxis label text words overlapping each other

Hi evilrid,

Instead of using html to style xAxis label you can provide labels style like that:

Code: Select all

   xAxis: {
    categories: ['wqw qwd as dasd asd sad asdwasd sadfgdfgdfg dfgdfg cvb cvbqewqweqw asd as d ds s qwedqwdq.'],
    labels: {
      style: {
      	textOverflow: 'none'
      }
    },
    title: {
      text: null
    }
  },
Demo:
http://jsfiddle.net/wchmiel/1dxb2ya5/

Kind regards.
Wojciech Chmiel
Highcharts Developer

Return to “Highcharts Usage”