Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

how to support biaxial Line/Bar chart? #134

Open
wulucxy opened this issue Sep 17, 2018 · 4 comments
Open

how to support biaxial Line/Bar chart? #134

wulucxy opened this issue Sep 17, 2018 · 4 comments
Labels

Comments

@wulucxy
Copy link

wulucxy commented Sep 17, 2018

Hello @williaster

I have looked around, i have checked the docs, I can't still figure out how to do a biaxial line chart. I have added the axisRight, but it is possible to use different key for that axis ?
I am looking for something that Left Axis is the line chart for 1 value and the Right Axis is a line for other type of value.

the example I wish to achieve is like this:

https://antv.alipay.com/zh-cn/g2/3.x/demo/other/double-axes.html

Thank you.

@williaster
Copy link
Owner

Hey @wulucxy you're correct that this is not supported yet. This type of chart is very confusing and so far we've purposefully not implemented it.

That said, we will probably be replacing all Superset charts with @data-ui based charts in the next 3 months, and we will need to add support for it at that time. So I'd say that's probably the expected timeline for this feature without help from others.

@williaster
Copy link
Owner

fwiw, my typical suggestion to stakeholders that want this type of chart is to stack two charts on top of each other, with separate y-axes and matched x-axes.

@wulucxy
Copy link
Author

wulucxy commented Sep 19, 2018

@williaster if one chart is on top of another,so how to bind separate events on each chart ?

@williaster
Copy link
Owner

williaster commented Sep 19, 2018

interesting thought, here's a codesandbox with a working demo. I think unfortunately you'd have to have one chart render both series, one invisible, and handle the mouse events for both charts.

dual-y-axis

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants