2

我在反应中使用 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>

结果是:
在此处输入图像描述

我该怎么做才能让图表在标签结束后开始(标签大小可能不同)?

4

0 回答 0