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,
With Highcharts 4.1.10, shipping soon, we added an option to sort treemap items. Which makes it possible to create marimekko charts based on the treemap series: http://jsfiddle.net/highcharts/h2np93k1/.
This is only a partial implementation, but it may at least serve as a starting point: http://jsfiddle.net/highcharts/75oucp3b/
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/
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.
@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/
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?
it's a great start!
my demo: http://jsfiddle.net/calfzhou/TUt2U/
I vote for that ! Will be great to have this kind of graphic !
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...
Seems to be a duplicate of http://highcharts.uservoice.com/forums/55896-general/suggestions/2303560-multi-dimensional-column-charts
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?
with a variable category width, equivloume charts can be created
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.
My concern with that approach would be that bivariate shapes used in this manner are notoriously bad at relaying the appropriate information.
Varied widths of bars cause a great deal of visual clutter to the display and distracts from all of the data - it poorly encodes the confidence value of the data that it is meant to display, and it also obscures the original purpose of the chart at the same time.
More often than not, encoding data in this way will confuse and obscure rather than enhance.
Two charts are quite often better than one at telling the story of the data.
This is also the type of data that error bars were intended to address, though that feature is not available in Highcharts either.
(don't mean to derail or hijack this topic...it's just a subject very worthy of discussion IMO)