How to create stacked and grouped columns in Highcharts? - highcharts

I'd like to create a grouped, stacked column chart. There should be two columns (2000, 2050) for each region (OECD, BRICS, ...), and each of the columns has the same multiple categories. Here is what I came up with so far.
The thing is that I have no idea how to display the "2000" and "2050"; as well as how to avoid that the categories are being displayed two times in the legend.
Thanks for any hints!

I solved this (partly) by fiddling with the showInLegend and legendItemClick
See my fiddle: http://jsfiddle.net/b72e0vh4/3/

Related

Stacked chart with multiple categories stored in a SINGLE column – Google Sheets

I need to create a stacked column chart with Date aggregated on X-axis, and the bars with multiple (dynamically formed?) Category series.
All of the examples out there demonstrate how to create the stacked graphs with the separate columns for each category. Is it possible to achieve the goal without the redundancy of creating another table with categories inlined into dozens of columns? I would really love to avoid that.
I would appreciate the help
try:
=QUERY(A2:C, "select A,sum(B) where A is not null group by A pivot C")

Combining Google Combo chart with 2 values with line chart

So I have 3 values which are, Percent, Target, and Overtime.
I want to show on the chart the percent with overtime as one stacked column chart, but for the target, I want to make it show as one line as it will be like a fixed value.
I have tried a lot but it didn't work for me at all. Does anybody have any idea how to get this working, please?
Here is the sheet for the chart: https://docs.google.com/spreadsheets/d/1pSyWYMzDFGDNkDTfv1LMurcsvrN6bx3GjxVbmqFijk8/edit#gid=0
Is this were you looking for?
Chart editor: in Customize tab on Series setting you can change each one of [Percent,Target,Overtime] specifically to be type [line, column, or more] to make combo chart
I hope it'll help you

how to reduce the space between two bars in highcharts

I have only two columns, I want to reduce the space between the first column and the second column. I searched, but it did not help. My charts as flows:
I hope to achieve this effect:
I have only two Columns, but to achieve this goal, I faked three columns, but their nums are all zero.So it looks like two columns, but actually there are five columns.But this is ugly, are there some elegent method?
Any help will be appreciated.

Highcharts: stacked column with grouped categories

I'm trying to do a chart with stacked columns but for each column having different entries. I will explain myself better.
I would like to use the demo of Highcharts:
http://www.highcharts.com/demo/column-stacked
But:
In the demo, the series are always the same: John, Jane and Joe. What I need, is to have different series for each column (xAxis category). I tried the plugin "https://raw.github.com/blacklabel/grouped_categories. This is fine to have multiple series grouped, but the grouped series are split into multiple columns: I need just one stacked column for each multiple series.
For example:
I want to group the population living in the west coast: I need a stacked column with the data from CA, WA and so on, And the column should clearly show every state, one on the top of the other. Then, in another column I want to group the population of the east coast, grouping in one column FL, NY and so on.
Can someone please help me?
Many thanks
Vignus

Highlight option in stacked barchart in highcharts

I've developed a stacked column chart. In that if I click one stacked column I've to get all the details(all stacked columns) of that column.
Is that possible? I tried it but I didn't get a solution.
Try this demo to start with:
Column With Drilldown
You can manipulate this to get what you need. Their demo gallery is a great place to start when thinking of ideas to use.

Resources