图表中轴标签/刻度的位置

时间:2018-06-30 15:38:07

标签: recharts

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

结果是:
enter image description here

我该怎么做才能只在标签结束后开始图表 (标签尺寸可能会有所不同)?

0 个答案:

没有答案