patternfly / patternfly/patternfly-react

Charts - add radar chart

Aperta
#12,281 1 commento 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Stale
Lingua principale
TypeScript
Stelle
862
Fork
392
Merge medio
4g 8h
PR unite (30g)
9

Descrizione

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

Guida per i contributori

Apri la guida per i contributori

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Direzione di ricerca

Inizia leggendo i componenti Sankey e Line esistenti basati su ECharts in patternfly-react per comprenderne i pattern di theming e di stato di caricamento. Usa la documentazione collegata di Apache ECharts sui grafici radar per definire il comportamento del componente, quindi assicurati che il grafico completato segua il theming di PatternFly e includa le variazioni radar previste e un comportamento accessibile.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
react, typescript
Ambito
data-visualization, frontend
Tipo di issue
Funzionalità
Difficoltà
4/5
Tempo stimato
3-5 giorni
Stato di attività
Tranquilla
Chiarezza
Abbastanza chiara
Idoneità per principianti
48/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.