我可以将 Recharts 轴域最大值设置为低于 dataMax 吗?

IT技术 reactjs recharts
2021-05-14 21:34:30

我在用户希望看到以不同比例绘制的相同数据的环境中使用 Recharts。特别是,我需要能够将轴域最大值设置为低于最大数据值 ( dataMax);例如,我想设置domain={[0,10]}何时dataMax是 20。我还没有在 Recharts 中找到一种方法来做到这一点;每当我设置低于 的域最大值时,都会dataMax绘制我的图,以便域dataMax无论如何都会上升有没有办法做到这一点?

2个回答

我找到了一种方法来做到这一点。您需要使用我已经尝试过的函数式语法,但在函数中没有对 dataMax 的任何引用所以这对我有用:

domain={[ 0, dataMax => (10) ]}    

您当然可以在括号内使用更复杂的代码;诀窍是您不能以任何降低其值的方式使用 dataMax 变量。也就是说,您不能使用,例如dataMax => (dataMax/2)dataMax => (dataMax - 10)

设置allowDataOverFlow={true}这将仅显示在您设置的域中指定的点。domain={[0,10]}然后将工作。