chartjs / chartjs/Chart.js

Radial Graph Improvement

Open
#11,820 0 comments 0 reactions 0 assignees View on GitHub
type: enhancement
Dominant language
JavaScript
Stars
67.7k
Forks
11.9k
Avg merge
7h 39m
Merged PRs (30d)
5

Description

### Feature Proposal

It would be great if ChartJS had radial graphs like as seen below. The image is from an old repo linked below (shows an animation), it was made when ChartJS was on version 2, unfortunately the repo looks to be abandoned. If this is already feasible and I'm not aware, maybe the example docs should be updated.

Ideal specifications:
- Ability to animate sliding bar
- Text in middle of graph with subtext, ability to modify font size
- Gradient colors
- Ability to modify shape & size
-

Code Pen example:
https://codepen.io/pandameister/pen/OrJyYr

![image](https://github.com/chartjs/Chart.js/assets/25071166/abaf3a90-a510-4b17-a01c-7682c6e473a6)

### Possible Implementation

This repo has a great design example for how ChartJS could improve the radial graph but the code is very old and references ChartJS 2.0

https://github.com/pandameister/chartjs-chart-radial-gauge/tree/master?tab=readme-ov-file#chartjs-radial-gauge-chart

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.