patternfly / patternfly/patternfly-react

Charts - add radar chart

Abierto
#12,281 1 comentario 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Stale
Lenguaje dominante
TypeScript
Estrellas
862
Forks
392
Merge medio
4 d 8 h
PR fusionados (30 d)
9

Descripción

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

Guía de contribución

Abrir la guía de contribución

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Línea de trabajo

Empieza leyendo los componentes Sankey y Line existentes basados en ECharts en patternfly-react para comprender sus patrones de theming y de estado de carga. Usa la documentación enlazada de Apache ECharts sobre gráficos radar para definir el comportamiento del componente y, después, asegúrate de que el gráfico terminado siga el theming de PatternFly e incluya las variaciones de radar esperadas y un comportamiento accesible.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
react, typescript
Área
data-visualization, frontend
Tipo de issue
Nueva funcionalidad
Dificultad
4/5
Tiempo estimado
3-5 días
Estado de actividad
Tranquilo
Claridad
Bastante claro
Aptitud para principiantes
48/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.