Question

I have two vertical bar charts (created using jqPlot) in my HTML page.

They are similar to the following example (except mine uses bars instead of lines):

http://www.assembla.com/code/MUN/subversion/node/blob/js/jqplot/examples/zoomProxy.html?rev=985

In the example above, the bottom chart is used to control the top one. Mine works the same way.

Typically both of my charts contain over 200 x axis entries (they are passed the same dataset) and the width of each bar is set to 6px.

The problem is that when I zoom in, the bars stay thin (i.e., 6px). What I would like to achieve is to make the bars to widen as I zoom in. I’ve tried setting barWidth to null as follows:

// BarRenderer.
rendererOptions : {
    ...
    barWidth: null, // width of the bars.  null to calculate automatically.
    ...
}

However this doesn’t seem to do what it says.

Does anyone have a good solution to this problem?

Answer 1

As a temporary workaround, you could try the modifications suggested in issue 513. (The pull request was rejected, because there should be a more optimized way to do this.)