patternfly / patternfly/patternfly-react
Charts - add radar chart
Nessuno ha ancora preso questa issue.
- 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
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- 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