multi dimensional column charts
Recently I came across the requirement of implementing a column chart with individual widths of each column. This allows us to express two informations within one bar, I know pretty well about the discussions of "is this still readable" bit to advanced controllers it is.
I think it would be a great feature to include this second dimension to bar and column charts in order to create so called "multi dimensional bar charts".
Thanx for checking this feature request,
Flo!
The variwide chart type is available since Highcharts version 6.0.0.
-
Maxime Chodorge commented
congrats !
-
kzoon commented
I think this is implemented as Variwide chart.
-
The X axis in that study is not very good, I recommend using the treemap approach instead: http://jsfiddle.net/highcharts/h2np93k1/
-
Sebastian commented
Updated marimekko (compatible with HC5)
-
@Hari This is why it is only a partial implementation - we haven't got the X axis to work. A rough hack could be to hard code the tick positions like this: http://jsfiddle.net/highcharts/75oucp3b/10/. For the stack values I don't have a solution, other than perhaps hide the Y axis values altogether and make the column values speak for them selves.
-
Hari commented
@Torstein - Thanks for the that fiddle. Is there any documentation available on how I can set the category position and tick mark positions to reflect this change in the width of the columns? Also, the stacking total position needs to be set to the consider the new width of the columns. Thanks for the help!
-
@Hari Stacking seems to work out of the box: http://jsfiddle.net/highcharts/75oucp3b/9/
-
Hari commented
This is definitely a feature that is needed in Highcharts. The partial implementation is a good starting point but how can this be improved to have stacked columns?
-
Maxime commented
Thanks
it's a great start! -
Anonymous commented
my demo: http://jsfiddle.net/calfzhou/TUt2U/
-
Laetitia commented
I vote for that ! Will be great to have this kind of graphic !
-
Maxime commented
Hi!
this is very usefull in marketing (even if it is not available in Excel).
please vote for this idea.
-
Michael Neff commented
I just posted some ways to do a marimekko chart in highcharts. Still needs some work with labels, etc., but it gets the basic structure of variable width columns working. Try this link here...
-
Babarizbak commented
Seems to be a duplicate of http://highcharts.uservoice.com/forums/55896-general/suggestions/2303560-multi-dimensional-column-charts
-
kzoon commented
-
kzoon commented
-
Alexander Vassbotn Røyne-Helgesen commented
I'm after the same thing here, and the possibility to add custom styling and dataLabels per stacked column.
@kzoon: Do you have any idea on how FusionCharts did that?
-
Philippe commented
with a variable category width, equivloume charts can be created
http://stockcharts.com/school/doku.php?id=chart_school:chart_analysis:equivolume#equivolume
-
kzoon commented
This is called a Marimekko chart: http://en.wikipedia.org/wiki/Marimekko#Marimekko_chart
FusionCharts made a Marimekko using HighCharts:
http://www.fusioncharts.com/gallery/Category.asp?Marimekko So it can be done. -
Chris Sellers commented
Thanks Jamie; I imagine your view is pretty standard in info design, given the absence of these bivariate shapes in bar charts. :) I don't find them confusing to look at, but that's just me.
As for error bars, I think they're more for showing the spread of sample values for a given measurement, as opposed to the number of samples that determine each measurement. Error bars imply that each reported value in a given chart is based on the same number of samples. In the charts I'm working with, that's rarely the case.