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

Could you add the first gauge chart in README to the demo page? #4

Closed
xianxingg opened this issue Jul 30, 2018 · 5 comments
Closed

Comments

@xianxingg
Copy link

i mean the chart with a label of 'Percent'.
it seems that the color of this chart is linear-gradiented by the round path. I've done some research and was disappointed to find out that in modern browsers we cannot make that ( in android we may ) since the only two color gradients that v8 supports do not match this requirement.

@junedchhipa
Copy link
Contributor

I will add the demo, but let me clarify that it is indeed just a linear gradient going from left to right, and not based on the path. It looks like the color starts with the start-angle and ends at another angle, but if you look closely, it is just a simple horizontal gradient applied to the whole area.
screen shot 2018-07-30 at 12 16 18 pm

@junedchhipa
Copy link
Contributor

Here is the demo added to the website (with source)
https://apexcharts.com/javascript-chart-demos/radialbar-charts/gradient/

@xianxingg
Copy link
Author

Really appreciate that :)

@dule
Copy link

dule commented Aug 7, 2018

It'd be nice to have a radial gradient, but the horizontal is serviceable except for the far-right end. The image for the link @junedchhipa provided displayed on Chrome 67:

image

@junedchhipa junedchhipa reopened this Aug 8, 2018
@junedchhipa
Copy link
Contributor

Thanks for reporting. It was displaying correctly in chrome but in Safari, I noticed the same issue which you posted above. Commit cf2688c fixed 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

3 participants