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.