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
- Highchart Heatmap chart for days in a month
- C# Parse string into arrays for HighCharts
- afterSetExtremes callback for highcharts
- Naming a point on highcharts
- How to create a range between series?
- Highcharts - how can a chart with multi pies change container height automatic?
- How to programmatically zoom in highcharts?
- Highcharts line color based on other data than value
- Gauge chart Highchart dial style issue
- Highcharts semi-pie - remove space between pie and legend
- High traffic solution for simple data graph website
- Create Pie chart for each Json object
- Highcharts Selection Event
- Highcharts: Credits on multiple lines
- Highcharts plot in fancybox
- Highcharts stacked bar data
- Highcharts Unable to set value of the property 'point': object is null or undefined
- How to update chart only on unique data in HighCharts
- limit number of xAxis in a highchart
- If series data array is null show message no data available
- Yii vs Highcharts vs Ajax
- giving a local json file for line chart
- Using css to customise highcharts in Ionic 4
- Representing sparse data in a Highcharts series
- Highcharts Gauge chart is rounding down max number
- jQuery Highcharts not working with JSF 2.0
- Highcharts jumping a whole month
- Highchart/Highstock Data sampling
- How to display Highmaps tooltip {point.value} as string
- To pass dynamic json array to Highcharts Pie Chart