Я пытаюсь отформатировать простой график с помощью Победы.Однако выходные данные продолжают смещать данные на одну позицию вправо (n + 1) от соответствующей метки оси.В результате он также обрезает первый элемент данных.
Вот код:
<VictoryChart
>
<VictoryGroup
colorScale={["tomato", "orange"]}
>
<VictoryLine
size={7}
data={
[
{ x: '\'08-\'09', y: 13.2},
{ x: '\'10-\'11', y: 9.3},
{ x: '\'12-\'13', y: 7},
{ x: '\'14-\'15', y: 8.5}
]
}
y0={0}
x={axisData}
interpolation="natural"
/>
<VictoryLine
size={7}
data={
[
{ x: '\'08-\'09', y: 1.96 },
{ x: '\'10-\'11', y: .95 },
{ x: '\'12-\'13', y: .58 },
{ x: '\'14-\'15', y: .9 }
]
}
x={axisData}
interpolation="natural"
/>
</VictoryGroup>
<VictoryAxis
tickFormat={axisData}
offsetY={30}
tickLabelComponent={<VictoryLabel textAnchor="start" />}
/>
<VictoryAxis
tickFormat={(t) => `${Math.round(t)}%`}
dependentAxis
offsetX={45}
/>
</VictoryChart>
Вот вывод:
![VictoryLine](https://i.stack.imgur.com/LIhMG.png)
Чего мне не хватает?