javascript - Highchart X-axis label too long [SOLVED] -
please refer picture attached below:
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
Post a Comment