我在用户希望看到以不同比例绘制的相同数据的环境中使用 Recharts。特别是,我需要能够将轴域最大值设置为低于最大数据值 ( dataMax
);例如,我想设置domain={[0,10]}
何时dataMax
是 20。我还没有在 Recharts 中找到一种方法来做到这一点;每当我设置低于 的域最大值时,都会dataMax
绘制我的图,以便域dataMax
无论如何都会上升。有没有办法做到这一点?
我可以将 Recharts 轴域最大值设置为低于 dataMax 吗?
IT技术
reactjs
recharts
2021-05-14 21:34:30
2个回答
我找到了一种方法来做到这一点。您需要使用我已经尝试过的函数式语法,但在函数中没有对 dataMax 的任何引用。所以这对我有用:
domain={[ 0, dataMax => (10) ]}
您当然可以在括号内使用更复杂的代码;诀窍是您不能以任何降低其值的方式使用 dataMax 变量。也就是说,您不能使用,例如dataMax => (dataMax/2)
或dataMax => (dataMax - 10)
。
设置allowDataOverFlow={true}
。这将仅显示在您设置的域中指定的点。domain={[0,10]}
然后将工作。