score:1
Accepted answer
It looks that the rotation feature is not supported if grid
is enabled for an axis. You can disable grid
(example: http://jsfiddle.net/BlackLabel/Ltnhu739/) or write a piece of code to operate directly on svg elements:
chart: {
events: {
render: function() {
const ticks = this.xAxis[0].ticks;
for (let tickPos in ticks) {
ticks[tickPos].label.attr({
rotate: -90,
translateX: 10
});
}
}
}
}
Live demo: http://jsfiddle.net/BlackLabel/y9kqf1xu/
API Reference: https://api.highcharts.com/class-reference/Highcharts.SVGElement#attr
Source: stackoverflow.com
Related Query
- Rotate X Axis labels in Highchart Gantt
- How to place labels on opposite Y axis in Highchart without a second series
- change distance of x-axis labels from axis in highchart
- change distance of x-axis labels from axis in highchart
- Highchart : by passing FROM DATE and TO DATE x axis labels should set
- highchart x axis not showing correct date labels
- Dates instead of values on Highchart labels in graph with multiple axis
- Highchart Gantt remove Y Axis label
- highchart place x-axis labels in between ticks on a datetime axis
- How to select or highlight the x axis border on click of Y axis label in gantt chart highchart
- How to render Gantt Highchart from data source
- Formatting Highchart bar charts axis labels
- Like to show all the labels of x axis in highchart
- how to hide highchart x - axis data values
- How to display highchart y axis with constistant data
- Highchart (Column Chart) : Few data labels are not appearing for a series
- Highcharts - Long multi-line y axis labels causing following label to be removed
- Highcharts - with datetime axis labels overlap
- same scale on x y axis in highchart
- How to dynamically change axis from linear to logarithmic in HighChart
- Overlapping Y Axis in a Multi y axis Highchart
- Highchart axis max with multiple axes
- Highchart Axis Update/ chart redraw
- Get X Axis value on bar Highchart click event
- last label in x axis with datetime format not coming in highchart
- In highcharts, is it possible get the exact position of x axis labels for overlap detection purpose?
- Last label is not showing in stepped labels of highchart
- Highcharts - Multiple Axis Graph not displaying labels
- Show some specefic number on gauge highcharts axis labels
- Highchart Crosshair not touching x axis
More Query from same tag
- Highcharts errors when webpage in chrome background tab
- How do I escape a single quote using C# string.Replace to use in HighCharts?
- Area Stacked linewidth
- Increase the height of the legends in highcharts
- Lines are not united Highcharts
- Highchart: different units per Y axis
- Highcharts stock chart not showing up with custom data
- Scrape data from graph generated with Highcharts
- highcharts-vue xAxis.tickPositioner with series.data.length == 0
- Bug in Highcharts after exiting the full screen mode
- High Chart - columnrange Type depending on months
- Updating a highchart line using a button
- Change the color of bar on condition in highcharts
- Highcharts. Specifiec label
- Change plotBands options after chart creation
- Can't disable animation when using Highcharts in polar mode
- High chart spline chart is not plotting with single data
- Highcharts guage stop datalabels animations only
- Highcharts Line Chart with Only x-axis
- How to convert this require statement to import using systemjs / es6?
- Highcharts color issue when using Boost module
- highcharts string in data: [ ]
- Custom DashStyle and colours with hchart function in R
- Highcharts chart option backgroundColor:'transparent' showing black on IE 8
- show highcharts node text on top if the text is to long
- is supportablerange type graph in Highchart?
- Highcharts - add minor ticks on zoom?
- Highcharts: Control show/hide of a div by clicking pie chart slices
- Highcharts position dataLabels on hide/show event
- Is there a way to update the legend to the value of a variable within the chart.events?