I'm struggling with a rotated x-axis label. If they are more than 5-6 characters, they can overlap the graphs as you can see here: If it is not visible, then you can recreate the error of pasting the code below in the jsfiddle window. You can.
Var chart = new highchart. Chart ({chart: {rendereTo: 'container', margin lift: 120}, xxis: {categories: ['January', '02 / 03/2011 ',' March ',' April ',' May, June, June Labels: {y: 20, rotation: -45}}, yXx: {lineWidth: 1, offset: 0, label: {x: -20}, title: {text: August, September, October, November, December} 'Primary Axis'}, Stickwickath: 1}, series: [[Data: [29.9, 71.5, 106.4, 12 9.2, 144.0, 176.0, 135.6, 148.5, 216.4, 19.1, 95.6, 54.4]}]}); Despite setting the Wi-Value on the label's property, it is only honored for small labels.
Does anyone know the solution or what am I doing wrong?
You can try adding alignment: 'right' for the x-axis labels object. Example:
Comments
Post a Comment