Я использую ReCharts (1.0.0-beta.10) в реакции.
Код, который я использую для визуализации диаграммы:
<ResponsiveContainer width="100%" height={100}>
<BarChart data={data} layout="vertical" stackOffset="expand">
<YAxis dataKey="title" type="category" axisLine={false} tick={{ fill: 'white', scaleToFit: true, textAnchor: 'middle' }} />
<XAxis type="number" axisLine={false} tick={false} />
<Bar dataKey="votingFor" stackId="a" fill={colourPalette.voting.for}>
<LabelList dataKey="votingFor" />
</Bar>
<Bar dataKey="votingAgainst" stackId="a" fill={colourPalette.voting.against}>
<LabelList dataKey="votingAgainst" />
</Bar>
<Bar dataKey="votingUnsure" stackId="a" fill={colourPalette.voting.unsure}>
<LabelList dataKey="votingUnsure" />
</Bar>
</BarChart>
</ResponsiveContainer>
Результат:
Что я могу сделать, чтобы график начинался только после конца метки
(размер этикетки может отличаться)?