'Population Pyramid' Style Charts

c3js / c3

:bar_chart: A D3-based reusable chart library

http://c3js.org

MIT License

9.34k stars 1.39k forks source link

'Population Pyramid' Style Charts #344

Closed Hoverbear closed 10 years ago

Hoverbear commented 10 years ago

It might be handy to have a 'Population Pyramid' style chart.

Example, in D3 Examples, using Raphael

Essentially, these are modified Spline or Step charts.

Please label this as a "Wishlist" or "Enhancement". I am not yet familiar enough with the code to add this myself.

masayuki0812 commented 10 years ago

Hi, Thank you for considering this. I think it's possible to implement this kind of chart by extending c3. The way to implement would be like:

Rotate axis
Move x axis to the center of the chart (or hide)
Move y axis by half width of the chart
Add another y axis with same scale of the opposite side of the axis
Draw chart with these 2 y axes/scales and 1 x axis/scale

And this issue is the same with #123

Hoverbear commented 10 years ago

Sorry for the duplicate, totally my bad! Would you like to close this one?

I was attempting to use axis.x.tick.centered to set the x axis to the center of the chart, but was unable to get this to work. Is that the correct method?

masayuki0812 commented 10 years ago

Yes, Could you close this issue? Let's discuss in #123 . Thanks!

That option works with category axis and it makes tick lines centered. So, I'm afraid that does not work for this purpose.