Highlight option in stacked barchart in highcharts - 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.

Related

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

Total and percentage for each column in a line and stacked column chart

I need to show in one single bar chart the number of elements of each column and also its percentage regarding the total.
With a Line and stacked columns chart, I reach this:
However, the tooltip option, on the line, shows me only one value, and I need to get both of them. I mean, not only that 32 but also the percentage corresponding to that value.
Is there a way to get this? maybe another chart?
OK. I understand the question now. Unfortunately, this isn't currently possible.
From Microsoft Community Support,
This is an expected behavior. The tooltips only show when you hover over a column data point in combo chart.
This has been submitted as an idea for Microsoft to address. Please vote and/or comment here:
Combo Charts: How to add tooltip on line

Stacked Heat Map in highcharts

I would like to create a stacked heatmap. basically i have sub categories, I would want to show in a Heatmap.
After searching I figured it is not possible to do.
So I am wondering if it is possible to create a stacked heatmap instead where sub categories would be stacked on top to make a category. A mixture of bar chart and heat map.
Please see the fiddle .. As a an example I tried to attain the objective with multiple series. As you can notice if the series have same values they just sit on top of each other. Is there a better way to visualize such a data ?
Heatmap take x,y,value. If a data had x,y,value AND Z .. What would be the best way to visualize in highcharts?
Thanks..

How do I do a stacked bar chart as a drilldown to a stacked bar chart?

I just can't see how to stack the series for the drilldown. Do I add the drilldown chunks as:
drilldown = [{name: 'bob',
data: [series1, series2,series3],
id: drilldown_id}]
Currently the docs seems to indicate to add all the series in the data series, but I'm not getting it working. Currently don't have a jsfiddle as everything I'm doing is in Python, but can provide one if need be.
Update:
I understand from the docs that the series plotoptions for the drilldown are inherited from the parent series -- please correct me if this is wrong. I currently have multiple series with the same id, but they are not stacking currently.
Using drill down to multiple series from multiple series demo it is possible to change stacking to normal and get drilldown to stacked columns.
JSFiddle 1: http://jsfiddle.net/rxjutt6v/
Using async drill down demo and addSingleSeriesAsDrilldown with applyDrilldown it is possible to get multiple series in drilldown when drilling into single series point.
JSFiddle 2: http://jsfiddle.net/49q18Lp3/1/

How to create stacked and grouped columns in 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/

Resources