Back to Gallery
VictoryArea with Stroke
<VictoryChart> <VictoryGroup style={{ data: { strokeWidth: 3, fillOpacity: 0.4 } }} > <VictoryArea style={{ data: { fill: "cyan", stroke: "cyan" } }} data={[ { x: 1, y: 2 }, { x: 2, y: 3 }, { x: 3, y: 5 }, { x: 4, y: 4 }, { x: 5, y: 7 } ]} /> <VictoryArea style={{ data: { fill: "magenta", stroke: "magenta" } }} data={[ { x: 1, y: 3 }, { x: 2, y: 2 }, { x: 3, y: 6 }, { x: 4, y: 2 }, { x: 5, y: 6 } ]} /> </VictoryGroup> </VictoryChart>