Skip to content

Radial Graph Improvement #11820

Open
Open
@vallamost

Description

@vallamost

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

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

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions