grouped x-axis
Like Excel does when you use 2 columns for the labels.See example on http://minus.com/mHNwVqDZO.
Each item on the category axis falls in a group. The groups are displayed below the axis items. Each group name is displayed only once (centered below all its items). Groups are devided by longer tickmarks.
Each group can contain a different number of items.
Possible uses:
* display structured categories like product and product group or country and region
* display two or more groups side by side, like gross sales and net sales, or this year and last year.
Black Label kindly shared their grouped X-axis plugin: https://github.com/blacklabel/grouped_categories
-
That would be a bit like the standard, grouped columns, right? Or do you mean something different? https://www.highcharts.com/demo/column-basic
-
Anonymous commented
Hi, is it possible to use grouped categories, however hide the labels for the subcategories on the x-axis?
Thanks for an answer! -
Manoj commented
Hi,
I am stuck with a similar, but complex scenario.I have the high charts with x-axis labels as
[raid1, raid2, wafl1, wafl2, raid3, nst1, nst2, wafl3, nst3, xyz, abc]
which I have to group under
[raid, raid, wafl, wafl, raid, nst, nst, wafl, nst, nst, raid]Currently, I am populating all this array, and the content of array is not definitive.
In this scenario, how can I group the data?
-
kzoon commented
I would prefer a 'real' second x-axis, because I would get a all axis format options already available for axis formatting. I made a study that uses a second x-axis:
-
kzoon commented
When can we expect this feature? I was hoping for Highcharts 4, but it's not there...
-
Bala commented
The label in X axis are getting overlapped
-
Ljubisa Nikolic commented
ok, I will do that
-
Yes the devs at Black Label are probably happy for that. And you should post the issue at https://github.com/blacklabel/grouped_categories/issues so it is registered.
-
Ljubisa Nikolic commented
Actually the export function doesn't work with this plugin. The data witch is in the lower row of the X-axis doesn't appear in the exported image.
This is how the chart looks like on the page (printscreen): http://imgur.com/plAlGke
This is the exported image: http://imgur.com/OjgXvGfFurthermore - after the export, the chart changes so that the second row is compressed, like this: http://imgur.com/1itWdxw
I can supply the code on jsfiddle - if needed!
-
We have sent a pull request for this issue, see https://github.com/blacklabel/grouped_categories/pull/13. We will ask the owners to pull or to give us collaboration rights.
-
magid commented
Hi, thanks for your work!!!
this link "https://github.com/blacklabel/grouped_categories " is good but on the export the grouped categories is not displayed.
I tried to change the js and i have successfully displayed them but not at the right place!!do you have a solution for this please ?
thx for reply
-
kzoon commented
-
Paul commented
I would also like to see this functionality and dont like the prospect of paying for an API to then have to work out how to make the changes I need.
I am surprised that no one has added this to highcharts because it seems to be a common requirement and I have spent 2 days researching available API's (free and paid) and none of them supports this functionality.
I would have thought it would be good to be the only API that does offer this functionality..
-
Brittney commented
The way I was charting that needs this is we have a essentially a main group where you want the columns grouped together ie) different english class levels, and then the columns themselves have individual names ie) Different semesters, I would also like it to be available with stacked columns
-
Stuart Robinson commented
Sorry, should have said. I'd really like it for a stacked chart as shown in my link.
-
Stuart Robinson commented
This would be really really really useful. I asked this on the support forums and got a response which others might find useful.
http://highslide.com/forum/viewtopic.php?f=9&t=16011 -
Mark Ledwich commented
This is really important for charts based on pivot tables.
-
Steve Leigh commented
If it helps, I've added some more detail on how this could be defined, and a hacked up example rendering in highcharts: http://jsfiddle.net/pMA2H/1/