No estoy seguro de si alguien aquí está familiarizado con el marco Victory.js, pero estoy tratando de crear un histograma apilado con bordes redondeados. Tengo todo menos los bordes redondeados y parece que no puedo descifrarlos. Aquí está mi código:
import React from "react"; import { render } from "react-dom"; import { VictoryStack, VictoryBar } from "victory"; const Chart = () => { return ( <VictoryStack horizontal style={{ data: { stroke: "white", strokeWidth: 3, width: 30 } }} colorScale={["#9e62c0", "#bc95d4", "#44c973", "#f9c63d", "#f5a000"]} > <VictoryBar data={[{ x: "c", y: 0.5 }]} /> <VictoryBar data={[{ x: "c", y: 1 }]} /> <VictoryBar data={[{ x: "c", y: 5.2 }]} /> <VictoryBar data={[{ x: "c", y: 2.3 }]} /> <VictoryBar data={[{ x: "c", y: 1 }]} /> </VictoryStack> ); }; render(<Chart />, document.getElementById("root"));