图表/反应-带有面积+条形图的组合图在面积图周围产生间隙

Question

图表+ React

在此jsfiddle：https://jsfiddle.net/alidingling/9xopwa9v/中，由于包含的条形图，您可以看到area +线图在到达图的末尾之前就结束了。

折线/区域在刻度线处结束，而条形图以刻度线为中心，从而创建空白。

是否有办法消除此间隙，但使面积+线图保持在条形图的旁边？

图表代码：

        <ComposedChart width={600} height={400} data={data}>
          <XAxis dataKey="name"/>
          <YAxis />
          <Area type='monotone' dataKey='amt' fill='#8884d8' stroke='#8884d8'/>
          <Bar dataKey='pv' barSize={20} fill='#413ea0' width={200} />
       </ComposedChart>