score:1
there is no default option in highcharts for this, but you can calculate the rotation for each label. additionally, you will need to set align
for axis labels to center
:
events: {
render: function() {
var ticks = this.xaxis[0].ticks,
length = this.xaxis[0].categories.length,
rotation = 360 / length / 2;
highcharts.objecteach(ticks, function(tick) {
tick.label.attr({
rotation: rotation
});
rotation += 360 / length;
});
}
}
live demo: http://jsfiddle.net/blacklabel/shgj8o9t/
api: https://api.highcharts.com/highcharts/xaxis.labels.align
Source: stackoverflow.com
Related Query
- Rotating xAxis categories in Polar Chart using Highcharts?
- Highcharts chart with 'datetime' xAxis - use categories on drilldown
- Column chart with negative values and categories on xAxis in HighCharts
- Highcharts display label for pie chart using html table as data source
- HighCharts basic bar chart provide the xAxis categories with Series
- Export Highcharts polar chart csv with categories in place of polar coordinates
- How to create a column range chart in Highcharts using range and navigator functions?
- How to display the value instead of percentage in a pie chart using jquery Highcharts
- Using html2canvas to render a highcharts chart to pdf doesn't work on IE and Firefox
- Using Highcharts and displaying a message over or on the chart when there is no data
- exporting highcharts polar chart to PDF with phantomjs
- Not rendering VU-meter Gauge chart using HighCharts in Durandal
- How get data name in Highcharts pie chart legend instead of "Slice" using array of values?
- Rotating dataLabels in a Highcharts pie chart
- Update Chart Colors When Using Styled HighCharts Version
- Using PhantomJS to create HighCharts grahps server side for use in PDF creation (PHP) - results in exit code 11 from PHPs exec();
- creating a bar chart using Highcharts with React - getting an error that rendering div isn't found
- Rails generates chart for .each do |x| using highcharts or any other chart API
- Timeline chart with highcharts using x-range with multiple stacks
- Issues using highcharts node export server from ClojureScript - "0x03 error when performing chart generation"
- Using Trellis Chart with Stacked Columns in Highcharts
- Highcharts problem with xAxis using multiple series
- display pie chart using highcharts api and mysql
- Highcharts - Negative color with 'line' type polar chart
- Butterfly Chart using Highcharts
- HighCharts - Show categories in x axis intead of the value of x in Bubble Chart
- HighCharts Stock Chart error code 18
- Using wkhtmltopdf with highcharts shows blank chart
- Passing in Id for each data item in bar chart using highcharts
- HighCharts - Need more space between bottom of chart and Xaxis labels
More Query from same tag
- Highchart reloading upon call issue - javascript
- How to get the correct the date-time format for highcharts in R (using rcharts)
- change dataLabels on highcharts based on color of bar
- Highcharts - 'setState' after 'mouseOut' event
- Highcharts custom error handler
- JSON how to get squared brackets?
- Can I calculate a date from the year and day number?
- Change legend size in highmaps?
- removing pie chart outline text
- Highstocks change range selector to dropdown
- if statement in Highcharts
- How to customize the crosshair Line for Highcharts
- HighStock CandleStick type does not printed in Chrome
- Correct format of using csv data to plot highchart
- Highcharts: Percentage stacking bar chart with overlayed line graph (secondary axis)
- Highcharts highmaps points not plotting when second chart loaded
- response with status 200: ok
- put the highchart legend to the bottom of the chart and horizontally centered
- select box (dropdown list) to load theme script
- Make datepicker work with highcharts
- How to make interactive highchart tooltips
- how to wrap data inside highchart using angularjs
- Highcharts / JavaScript month is incompatible with MySQL
- highcharts - show by month
- rCharts: Change the individual point colors of a time series plot (Highcharts)
- Highcharts plugin/extension that runs after the chart has loaded
- Highcharts: xAxis yearly labels centered between ticks
- Formatting XAxis labels when rendering chart on server using phantomjs and JSON
- Problems using provider in conjunction with a controller for Highcharts graphs in angularjs
- Highcharts does not display years on Xaxis when data with NULL values