Support for Composite Axes

[bennick]

I came across this issue while trying to make a graph today:

http://stackoverflow.com/questions/18620053/multi-series-in-dimplejs

Can you share your ideas for the implementation? While your data hack works it requires me to have 3x the amount of objects in memory for this graph. Thanks.

[johnkiernander]

It's almost certainly going to be the next feature I add, I'm currently just investigating the implications for different chart types but the plan is to have the ability to define axes as follows:

...
var monthAxis = myChart.addCategoryAxis("x", "month");
var taxAxis = myChart.addMeasureAxis("y", "tax");

// NB the next two have an axis object passed to the position parameter rather than a string
var subTotalAxis = myChart.addMeasureAxis(taxAxis, "subtotal");
var totalAxis = myChart.addMeasureAxis(taxAxis, "total");

// Add series
myChart.addSeries("Tax", dimple.plot.line, [monthAxis, taxAxis]);
myChart.addSeries("Subtotal", dimple.plot.line, [monthAxis, subTotalAxis]);
myChart.addSeries("Total", dimple.plot.line, [monthAxis, totalAxis]);
...

So the first y axis is added and the second two are merged with it resulting in a single Y axis rendering 3 different values.

[bennick]

That looks like a nice interface. Thanks.

[johnkiernander]

I'd like to leave this open so I can associate it with the new functionality when it gets released.

[xvrdm]

Sounds great :)

On Tue, Jan 14, 2014 at 9:52 PM, John Kiernander
notifications@github.comwrote:

I'd like to leave this open so I can associate it with the new
functionality when it gets released.

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/38#issuecomment-32311472
.

[danielytics]

This is exactly what I'm looking for. Can you let us know what your progress is on this?

Currently, I use multiple hidden axes and manually set the max and min so that the scale is correct, but this breaks the marker lines on mouseover. I can't use the data hack because I want different series' drawn with different plotFunctions, but your proposed solution allows exactly what I want. 👍

[johnkiernander]

It's implemented for most basic cases, you can see the branch I'm working on here:

https://github.com/PMSI-AlignAlytics/dimple/tree/composite-axes

I've been caught up in a big code refactoring but I'll try and wrap this up fairly soon.

[mjsteckel]

Just found this feature/functionality. And update on status?

[danielytics]

I've been using this feature in the 1.2.0 release for the past ~3 weeks and it seems to be working without issue.

[mjsteckel]

Very cool news. (My bad. I didn't realize that it was part of 1.2.0.)

[danielytics]

No worries! It was silently merged from the branch - I only noticed it because I was watching carefully at the time :)

Its a great feature - really makes working with dimple much more pleasant.

[mjsteckel]

Already implemented a proof of concept chart using composite axes!

It's a big help.

Kudos to John for the great work!

[johnkiernander]

Thanks guys, it's good to know you've given it some testing. 1.2 isn't going to be an official release (hence silence) It is going to be version 2.0 coming very soon. I just need to document changes and add new examples. Quite a lot has changed.

[mvattuone]

+1 on this feature - thanks much John!

[johnkiernander]

Added v2.0.0

[danielytics]

Can't wait to try out v2.0.0 - great work! 👍