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

RTL support ? #53

Closed
mhf-ir opened this issue Aug 27, 2018 · 9 comments
Closed

RTL support ? #53

mhf-ir opened this issue Aug 27, 2018 · 9 comments

Comments

@mhf-ir
Copy link

mhf-ir commented Aug 27, 2018

No description provided.

@junedchhipa
Copy link
Contributor

I tested with arabic text making the y-axis on the opposite side and here is the result.
screen shot 2018-08-27 at 10 51 50 pm

Here is the codepen link for the same

The tooltip still reads LTR but that can be tweaked with css.

@mhf-ir
Copy link
Author

mhf-ir commented Aug 27, 2018

Thank you for fast response 👍

Actually it's not rtl, just the translation. RTL text is CSS/HTML property.
See example: https://codepen.io/anon/pen/yxOZzr

@junedchhipa
Copy link
Contributor

Thank you for enlightening me, I tested the dir="rtl" attribute on chart element and the tooltip got corrected. But the title text and legends got misaligned.

Here is what I got
screen shot 2018-08-27 at 11 44 18 pm

Looks messed up!
I haven't taken this into consideration in the beginning but will think about how this can be supported.

@fakhamatia
Copy link

Any update for RTL support?

@HaniGerges
Copy link

Any update for RTL support?

+1

@SamiAziz
Copy link

I think you can solve RTL issue temporary if not supported by using (Reversed Bar Chart).

and make sure add formatter :
formatter: function(val, opt) { return opt.w.globals.labels[opt.dataPointIndex] + ': ' + val }

the result:
image

@davidv171
Copy link

davidv171 commented May 7, 2021

Was this ever added? I'm using a timeline chart (Multiple series – Group rows) , it's still oriented left to right, but what did happen is that the hover value stopped showing up. Something like reverse X axis would help for those types of charts.

@nofalx
Copy link

nofalx commented Sep 5, 2022

This issue is still not resolved

@YitshakS
Copy link

I will also appreciate for fixing this issue.

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

No branches or pull requests

8 participants