-
|
Hello, I'm wondering if there's a way to create a gauge chart, similar to what you would see for your credit score on a credit report. I noticed the doughnut chart has a config for Here's a visual of what I'm referring to:
There are gauge specific libraries out there, but I'm hoping to use 1 library for all the chart types we need. Thanks. |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 3 replies
-
|
Hi @lhoezee , This is not completely what you are looking for but it gets close. This is a speed o meter chart build with Chart.js: https://youtu.be/VF6jd2Fv4bs Looking at that image above you probably only have 2 segments with one having a linear gradient (horizontal) color: If I have time, I will make a new video covering the image above. As the videos that a made was from a while ago. But the videos above should help you out. |
Beta Was this translation helpful? Give feedback.
-
|
This is great, thanks 👍 |
Beta Was this translation helpful? Give feedback.
-
|
Hi @lhoezee , Not sure if you were able to achieve it. I recently made a video about this here: https://youtu.be/kOZH_xiczb8
|
Beta Was this translation helpful? Give feedback.
-
|
Amazing. Nice work. I'll review the entire video and let you know if there are any questions. Thanks 👍 |
Beta Was this translation helpful? Give feedback.
Hi @lhoezee ,
This is not completely what you are looking for but it gets close. This is a speed o meter chart build with Chart.js: https://youtu.be/VF6jd2Fv4bs
Looking at that image above you probably only have 2 segments with one having a linear gradient (horizontal) color:
https://youtu.be/6hgc9sPDiho, this video covers vertical linear gradient color effect but you just need to play with the left (x0) and right (x1) settings of the gradient.
If I have time, I will make a new video covering the image above. As the videos that a made was from a while ago. But the videos above should help you out.