react-charts
react-charts copied to clipboard
Data is not correctly displayed when stacked
const data = [
{
label: "Data 1",
data: [
{
date: "01",
kilometers: 10,
},
{
date: "03",
kilometers: 9,
},
],
},
{
label: "Data 2",
data: [
{
date: "01",
kilometers: 70,
},
{
date: "02",
kilometers: 50,
},
{
date: "04",
kilometers: 100,
},
],
},
]
const primaryAxis = React.useMemo(
() => ({
getValue: (datum) => datum.date,
}),
[]
)
const secondaryAxes = React.useMemo(
() => [
{
getValue: (datum) => datum.kilometers,
elementType: "bar",
stacked: true,
},
],
[]
)
<Chart
options={{
data,
primaryAxis,
secondaryAxes,
/>
I'm too facing same issue..it would be good if someone can look into it