patternfly / patternfly/patternfly-react

Charts - add radar chart

Offen
#12,281 1 Kommentar 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Stale
Vorherrschende Sprache
TypeScript
Sterne
862
Forks
392
Ø Merge
4 T. 8 Std.
Gemergte PRs (30 T.)
9

Beschreibung

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

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Beginne damit, die vorhandenen ECharts-basierten Sankey- und Line-Komponenten in patternfly-react zu lesen, um ihre Muster für Theming und Ladezustände zu verstehen. Verwende die verlinkte Apache-ECharts-Dokumentation zu Radar-Charts, um das Verhalten der Komponente festzulegen, und stelle anschließend sicher, dass der fertige Chart dem PatternFly-Theming folgt und die erwarteten Radar-Varianten sowie ein zugängliches Verhalten umfasst.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
react, typescript
Bereich
data-visualization, frontend
Issue-Typ
Feature
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Ruhig
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
48/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.