patternfly / patternfly/patternfly-react

Charts - add radar chart

Ouverte
#12,281 1 commentaire 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

Stale
Langage dominant
TypeScript
Étoiles
862
Forks
392
Merge moyen
4 j 8 h
PR mergées (30 j)
9

Description

Is this a new component or an extension?

New Component

Existing Component

No response

Describe the feature

We are looking for a Radar chart.

Apache ECharts already supports radar charts and since PF has adopted ECharts for newer chart types (Sankey in #11616, Line), this would be a natural addition.

https://echarts.apache.org/examples/en/index.html#chart-type-radar https://echarts.apache.org/en/option.html#series-radar

User Story

As a developer building data-driven dashboards with PatternFly, I want a Radar chart component that follows PatternFly's design system and theming, so that I can visualize and compare multi-dimensional data (e.g., 4-7 metrics across 2-3 items) in a consistent, accessible way without pulling in a separate charting library.

Visuals & Mockups

No response

Interaction States & Variations

ECharts radar chart supports these out of the box — hover tooltips, legend toggling, polygon/circle grid shapes, filled/stroke styles, multi-series overlay, etc. PF would just need to wrap it with PatternFly theming and skeleton/loading state consistent with the existing ECharts components (Sankey, Line).

Accessibility (A11y)

No response

Product & Target Release

No response

Contribution
  • I am interested in contributing this feature.

  • I have searched for similar existing requests.


Jira Issue: PF-3738

Guide de contribution

Ouvrir le guide de contribution

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Piste de recherche

Commencez par lire les composants Sankey et Line existants basés sur ECharts dans patternfly-react afin de comprendre leurs modèles de theming et d’état de chargement. Utilisez la documentation Apache ECharts liée sur les graphiques radar pour définir le comportement du composant, puis assurez-vous que le graphique terminé respecte le theming de PatternFly et inclut les variantes radar attendues ainsi qu’un comportement accessible.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
react, typescript
Domaine
data-visualization, frontend
Type d'issue
Fonctionnalité
Difficulté
4/5
Temps estimé
3-5 jours
Activité
Calme
Clarté
Plutôt claire
Accessibilité débutants
48/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.