javascript - Highchart X-axis label too long [SOLVED] -


please refer picture attached below:

enter image description here

my x-axis labels long , highchart managed view 3 characters. code should add view entire label?

edited, added in solution

solution:

very simple solution added in "marginbottom: 70" , able show full label. refer below.

    $(document).ready(function() {         var options = {              chart: {                 renderto: 'container',                 type: 'column',                  marginbottom: 70,                 marginright: 130              },             title: {                 text: 'all gantries instertions',                 x: -20 //center             },             subtitle: {                 text: '',                 x: -20             },             xaxis: {                  categories: [],              }, 

you can use lable formatter usehtml=true , inside use custom class.

your xaxis node below.

       xaxis: {             labels: {                 formatter: function () {                     return '<span class="xyz">' + this.value + '</span>';                 },                 usehtml: true             }         } 

apply class custom css instead of xyz.


Comments

Popular posts from this blog

Delphi XE2 Indy10 udp client-server interchange using SendBuffer-ReceiveBuffer -

Qt ActiveX WMI QAxBase::dynamicCallHelper: ItemIndex(int): No such property in -

Enable autocomplete or intellisense in Atom editor for PHP -