score:0
Accepted answer
black label has come out with highcharts plugin for grouped categories.
score:1
score:1
refer this link:
see the categories part in the fiddle below they have show the very good example of what you need:
use this
xaxis: {
categories: ["location a","location b","location c"],
title: {
text: "location"
}
},
or this
xaxis: [{
categories: [{
name: 'fruits'
children: ['orange', 'mango']
},{
name: 'birds'
children: ['eagle', 'parrot']
}]
}]
hope this might help you.
Source: stackoverflow.com
Related Query
- Highcharts display label for pie chart using html table as data source
- Highcharts - Display Stack Label
- Display label stack Label in Highcharts
- Display Stack label Highcharts
- Show specific series values in the stack label using highcharts
- Highcharts: How to provide a custom stack label in highcharts bar graph from within the stackLabel formatter?
- Make stack label disabled for a column in stacked column graph in Highcharts
- how to display 2 same highcharts without duplicate the code
- Display series stack label on chart
- Highcharts - Stack Graph Display Average of all values
- Highcharts polar display custom label name or icons
- How to make label in highcharts area graph display absolute values instead of negative values?
- HighCharts Bullet Chart display data label of the target
- highcharts column stack label
- Highcharts display date as series label from JSON data?
- Display all y label in a large Heatmap using boost - Highcharts
- Highcharts : Display static Y axis labels from array when series data is null , else auto generated label
- Create Highcharts data label formatter that filters the data to display
- Highcharts - display label on yAxis
- highcharts display tooltip on category label hover
- HighCharts : display label only on line combine chart
- How to display the value instead of percentage in a pie chart using jquery Highcharts
- Always display data labels above columns in HighCharts
- Fixed y-axis label width in Highcharts
- How to display No Data Available Message in highcharts
- Highcharts doesn't display series with lots of data points
- Display tooltip for invisible series in Highcharts
- Highcharts - How to display legend symbol inside the tooltip
- How do I format x-axis label in highcharts
- HighCharts remove stack totals
More Query from same tag
- On common x-axis how to draw a chart with different unit of dataset array (multi line chart)
- HighMap data table not loading points
- How to change the background color of the Highcharts(HighMaps in specific) dynamically?
- How to change zoomType status in Highchart?
- highcharts tooltip stop update when mouse over
- Highlight a Table Row when Mouseover HighChart Pie
- show/hide series vanishes styling of datalable
- highcharts reset zoom button
- Highcharts - Remove "hover" state from chart point (that was set externally)
- Can the crosshair in a Highcharts chart set and be moved programmatically?
- Interactive charts in angularjs or highcharts
- React Highcharts Jest testing error: `InvalidCharacterError`
- Highcharts strange grouping behaviour
- Highcharts 3.0 Bubble Chart -- Controlling bubble sizes
- Highcharts in arearange, how to disable this tooltip?
- Trouble with integrating ng2-highcharts
- Size of graph in highcharts
- How to set 30 seconds interval for datetime on y-axis for highcharts JS
- Highcharts gantt - show multiple xAxis rows, one for year and one for month
- styling of particular segments in highchart axis
- How to convert this require statement to import using systemjs / es6?
- highcharts categories issues
- HighChart HighStock Error: Invalid negative value for <rect>
- Is it possible in Vue JS to make several vue components reuse existing data structure with different data?
- R Highcharter - highlight same group in multiple stacked columns chart + order groups in columns
- How to feed two values to y axis at a time corresponds to single x axis value in Highchart
- highcharts arearange to turn off x-axix line
- Can we Extend Highstocks features to Highcharts?
- Can't access custom point variable inside Highcharts tooltip.headerFormat
- how to make my highcharts reverse