How to use - Radar charts with fill image #4120
VladAnton991
started this conversation in
General
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
Hello and thank you for this amazing library,
I am working on displaying some values in a Radar chart format, but the twist is that I need to show a "heatmap-like" background, Or , to describe it better, a radial gradient, that starts from the center of the radar, with red, and ends at the edges, with green. The gradient should start from the center of the radar, no matter what values are in the radar. (usually will have 6 numbers, with values from 0 - 100).
I tried to accomplish this with the default fill, and gradient type, but it only goes horizontally, vertically or diagonal.. so then I tried to use an image, but, it does not center the image.. it duplicates it, I figured it from the width and height , but don't know what values should be put here..
The radar will have a single series, with 2-6 values,. and I would want the image to fill the entire radar, and be visible only on the chart area, and be aligned to the center of the radar.
This is the images I am testing with: "https://www.w3schools.com/cssref/gradient_radial.jpg".
The svg chart size is 400x300.
Can you help me?
Thanks in advance!
Beta Was this translation helpful? Give feedback.
All reactions