如何解决Recharts ComposedChart 从零开始 X 轴刻度
我正在使用 ComposedChart 和 shoing 条和线。通常这条线应该从 x 轴的 0 开始。但是当使用组合图表时无法做到这一点
如果你在上图中观察到a应该从x轴开始(x轴和y轴开始的0点)但不是
这是我正在使用的代码
<ResponsiveContainer width="100%" height="100%">
<ComposedChart
width={500}
height={400}
data={[{ count: 0,label: 'a' },{ count: 2,label: 'b' },{ count: 3,label: 'c' }]}
>
<Cartesiangrid horizontal={false} strokeDasharray="4 4" />
<XAxis ticks={['a','b','c']} domain={['dataMin','dataMax']} dataKey="label" />
<YAxis label={{ value: 'No.Of Employees',angle: -90,position: 'insideLeft' }} tick={false} />
<Tooltip />
<Bar dataKey="count" barSize={20} fill="#AAE5F9" />
<Line dot={false} type="monotone" dataKey="count" stroke="#3080ED" />
{/* <LabelList dataKey="name" position="insidetop" /> */}
</ComposedChart>
</ResponsiveContainer>
无论如何我可以从X轴的起点(我的意思是从x轴的0点)画线?
任何帮助将不胜感激
解决方法
根据此 github 问题,您需要在 scale="point"
中添加 XAxis
<XAxis
ticks={['a','b','c']}
domain={['dataMin','dataMax']}
dataKey="label"
scale="point"
/>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。