Javascript 如何向X轴添加元素但不更改缩放比例?

Javascript 如何向X轴添加元素但不更改缩放比例?,javascript,recharts,Javascript,Recharts,我试图在常量元素之间的X轴上添加一些新的不同元素,这些元素不应该从它们的位置移动。 换句话说,我不想改变X轴的“比例”,只是想给它添加更多的元素 例如,假设我有这个图表,我想添加一些新的不同元素,比如红色的“X”: 我希望它看起来像这样: 编辑: 无论谁遇到这个问题,我找到的一个解决方案是将x轴更改为具有以下属性: <XAxis dataKey="date" scale="time" type="number" domain={date[0].date,data[date

我试图在常量元素之间的X轴上添加一些新的不同元素,这些元素不应该从它们的位置移动。 换句话说,我不想改变X轴的“比例”,只是想给它添加更多的元素

例如,假设我有这个图表,我想添加一些新的不同元素,比如红色的“X”:

我希望它看起来像这样:

编辑: 无论谁遇到这个问题,我找到的一个解决方案是将x轴更改为具有以下属性:

       <XAxis dataKey="date" scale="time" type="number" domain={date[0].date,data[date.length-1].date}/>

其中“日期”是
数据中的键

更多信息:

如果起始值和结束值相同,为什么比例会改变?您有演示吗?@isherwood因为它会重新计算项目之间的空间,所以时间没有统一表示?现在我看到第一段是部分月份,但它占据了y轴长度的1/3。那太不幸了。