chartist icon indicating copy to clipboard operation
chartist copied to clipboard

Enable compound charts where different types can be combined

Open danreed121 opened this issue 9 years ago • 99 comments

First off, loving the simple and clean look (not to mention all the other cool features, current and planned).

Wondering if there were plans to do combo charts. I know that a bar/line (where you could have a couple of each on the same canvas) would be useful. Has any design been put in to this? I know there are complications with data ranges/etc, but a simple example would be something that shows "widgets built" for each period as bars, with a trend line as a line. Happy to perhaps start looking at doing it, but didn't want to step on any other efforts.

Again, great lib, great start. So nice and so clean.

danreed121 avatar Sep 12 '14 20:09 danreed121

Sorry, not sure I quite follow the reply. I realize that both Bar and Line charts exist, but best I can tell you can't have both on the same canvas at the same time. (and perhaps I am mistaken). Not clear what you mean by "domain has trust issues and don't want to go out his way for nota." Sorry!

danreed121 avatar Sep 12 '14 20:09 danreed121

@danreed121, thanks for the kind words! :smiley: I actually had this in mind for a long time and it's definitely something we should provide in the future. However, it's a challenging design issue and I'd like to solve this right. The technical approach so far is to provide abstraction by functional style and higher order functions. The problem of multiple charts on the same grid screams for polymorphism and a more prototypical / OO approach At least I couldn't come up with a functional approach to design this, although I did only spent some thinking in the shower without any research. I think chartist should provide a way to divide the Charts into polar and cartesian charts where the ones in the same group can be layered however the users wish to. This could be done with a new compound chart that is able to layer sub charts if they use the same coordinate system. I'd like to refactor the whole code into this direction anyway, but it will definitely happen after the accessibility work I'm working on with @JamieKnight under #2 and probably also after the testability issues we currently have tracked by #8 (only the SVG DOM manipulation component is actually covered with test currently :x: ). My prediction is also that this will also result in the first major semver release with backwards compatibility issues. Nothing really bad but just to show you how deep this will go into the architecture of Chartist.

@jordanpolo can't really decode your message :smiley: Please elaborate.

gionkunz avatar Sep 12 '14 20:09 gionkunz

a bot?

danreed121 avatar Sep 12 '14 21:09 danreed121

@gionkunz I like the idea of a breakdown on coordinate systems... and it does make sense that ones from one system can't be included on a chart canvas of a different coordinate system. I also understand that you have priorities, makes sense.

I haven't grabbed the code to even look at how things are organized, but I will at some point to see if there is anywhere I can help out. Looking forward to staying in the loop on this lib.

danreed121 avatar Sep 12 '14 21:09 danreed121

@danreed121 , yeah I guess so. Even a bad google translate usage could not explain such a context-less discussion :smile: I've removed his comments and blocked the user in my profile. I hope this will also block him from any actions on repos I own. Damn robots, they will take over the world one time! :mans_shoe:

gionkunz avatar Sep 12 '14 21:09 gionkunz

Sure, lets use this task for further discussions. I'll rename the task to be more generic on this topic.

gionkunz avatar Sep 12 '14 21:09 gionkunz

A very typical example would be an Agile burndown chart...

http://en.wikipedia.org/wiki/Burn_down_chart#mediaviewer/File:SampleBurndownChart.png

danreed121 avatar Oct 06 '14 17:10 danreed121

Nice example :-) Thanks

gionkunz avatar Oct 06 '14 18:10 gionkunz

+1 for this, would really love to see it.

yellow1912 avatar Nov 25 '14 00:11 yellow1912

I think there should be two options for multiple charts on the same graph. 1) One that uses the same data/axis 2) One that uses two different sets of data and uses two different axes

moneytree-doug avatar Dec 04 '14 06:12 moneytree-doug

:+1:

studentIvan avatar Jan 19 '15 09:01 studentIvan

I got a little confused here. I am also looking for the multiple Y-axis feature, mentioned in #60. Do we have anything on that already?

hristod avatar Mar 23 '15 09:03 hristod

@hristod No, but some people are just using the same canvas and painting over the original graph

moneytree-doug avatar Mar 24 '15 03:03 moneytree-doug

+1 @gionkunz all we love you for this feature :)

Lenninlasd avatar Jun 08 '15 00:06 Lenninlasd

So I am looking for a way to make the Y Axis have a fixed position in a line graph. What I'd like is to have a graph in an overflow-x:scroll window, so that the user can scroll the graph. During that scroll, I would like to keep the Y-Axis in a fixed position so that the data is measurable against the axis. Would compound graphs be able to accomplish this?

mikerandall avatar Jun 22 '15 16:06 mikerandall

+1 @gionkunz Very very so much need!

mastercyb avatar Jun 29 '15 11:06 mastercyb

+1 @gionkunz again. Once this is supported, it will be possible for me to switch from NVD3 to this!

HopefulLlama avatar Jul 07 '15 13:07 HopefulLlama

+0.1 BTC for feature. Look on chartist in production! It's awesome! But so much need compound charts!

mastercyb avatar Aug 10 '15 13:08 mastercyb

@gionkunz Just out of curiosity, where in the process is this? Is it still being planned and brainstormed? Do you need help extra programming help?

moneytree-doug avatar Aug 24 '15 05:08 moneytree-doug

Currently we are still discussing about design of this feature. Deep support / polymorph chart vs. creating multiple charts for the different types in one container where they are linked to some sort (grid etc.). I'd appreciate any ideas, concepts, references etc. before we start with any implementation.

gionkunz avatar Aug 24 '15 08:08 gionkunz

@gionkunz Where can I read more about this discussion and get caught up?

moneytree-doug avatar Aug 25 '15 04:08 moneytree-doug

Hey, is this something that will be developed in the near future? Chartist is great, the best library out there but without dual Y axis for line charts, I'm afraid I have to find another solution.

Thanks!

screen shot 2015-09-14 at 11 13 17 am

lucasmaldonado avatar Sep 14 '15 14:09 lucasmaldonado

I've just begun using this and a dual axis chart would be incredibly welcome. It would really open up what we can do with data comparison.

ChrisCooney avatar Sep 19 '15 10:09 ChrisCooney

It seems that dual axis is a very hot topic! How we can boost it?

mastercyb avatar Sep 24 '15 10:09 mastercyb

I'll spend some time in Berlin end of October where I'll work dedicated on Chartist to release 1.0 and this feature is in the top 5 for 1.0 readiness.

gionkunz avatar Sep 28 '15 08:09 gionkunz

Thanks! Really want to implement!

mastercyb avatar Oct 02 '15 11:10 mastercyb

:+1: that would be great!

aoghina avatar Oct 25 '15 16:10 aoghina

Unfortunately I didn't had time to pick this up during my time in Berline due to other priorities. :( Still, this feature is the first one on my priority list for Chartist.

gionkunz avatar Oct 31 '15 15:10 gionkunz

+1

allinurl avatar Oct 31 '15 15:10 allinurl

Great library, but I'd love to see this too.

GaryStanton avatar Nov 02 '15 11:11 GaryStanton