Quiero dibujar un BarChart usando la biblioteca de recharts pero las cantidades en ambos ejes son cadenas/variables, por ejemplo
[ {y: 'medium', x:'P'}, {y: 'high', x:'Y'}, {y: 'low', x:'SS'}, {y: 'medium', x:'DD'}, {y: 'very high', x:'NN'}, ]La altura de las barras corresponde al valor relevante en el eje y, puede ver un ejemplo en el jpg adjunto, por defecto, los gráficos no admiten cadenas/variables en ambos ejes, ya que la biblioteca determina la altura en función de algún valor numérico ¿Cómo puedo lograr esto?
Si conoce todos los valores y disponibles, puede convertirlos en valores numéricos
Escribí un pequeño ejemplo con conversión, colores personalizados y etiquetas.
https://codesandbox.io/s/simple-line-chart-forked-rbe56s?file=/src/App.tsx