dojox.charting: how to align the plotArea of 2 charts, one above another?

Question

I'm trying to layout 2 linked charts, one above the other, similar to what you might see on the Google Finance page.

I can render both charts just fine, but getting the plotAreas to line up exactly is a bit of a mystery. The chart.plotArea.width of each chart seems to depend on the width of my Y axis labels. Thus the 2 charts are not the same width and have different values for chart.getCoord().l.

Right now, I'm using an offset which is manually calculated, but there must be a better way.

 this.chart.render();  // top chart, getCoords().w=800

 // manually set margins for lower chart to match
 this.chartVol.margins.l = this.chart.offsets.l - 59 + 10;  
 this.chartVol.margins.r = this.chart.offsets.r - 31 + 10;

 // render bottom chart
 this.chartVol.render();  // bottom chart same width, getCoords().w=800

Answer 1

There are two simple ways to do it:

1. Use maxLabelSize and labelFunc. The former is the maximal label's size in pixels. The latter is a function, which takes a number, and returns a corresponding string label.
2. Use labels, which is an array of {value, text} objects, and include one long dummy string of desired size at the end with some bogus value.

I don't recall how to do it without custom labels, so if you feel like it is really needed, please submit an enhancement ticket.