Recharts 设置 Y 轴范围

Question

无法弄清楚如何使用 http://recharts.org/ 设置 Y 轴的范围

希望 Y 轴在其范围内显示 100 而不是当前的 60。

在这种特定情况下不需要相信代码示例或填充目的

原文由 Mathias Asberg 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

在 YAxis 组件上，将域值设置为 0 到 100（或任何你想要的）

  <YAxis type="number" domain={[0, 20000]}/>

检查这个小提琴 链接

域 默认值：[0, ‘auto’]

当轴为数字轴时，指定轴的域。域的长度应该是 2，我们将验证域中的值。数组中的每个元素都可以是数字、’auto’、’dataMin’、’dataMax’、’dataMin - 20’、’dataMax + 100’ 之类的字符串，或者接受单个参数并返回数字的函数.如果域的任何元素设置为“自动”，将计算可理解的刻度刻度，并由刻度生成轴的最终域。

格式：

 <YAxis type="number" domain={['dataMin', 'dataMax']} />
<YAxis type="number" domain={[0, 'dataMax']} />
<YAxis type="number" domain={['auto', 'auto']} />
<YAxis type="number" domain={[0, 'dataMax + 1000']} />
<YAxis type="number" domain={['dataMin - 100', 'dataMax + 100']} />
<YAxis type="number" domain={[dataMin => (0 - Math.abs(dataMin)), dataMax => (dataMax * 2)]} />

原文由 Gautam Naik 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

如果图表的值超出自定义域范围，则域边界集将被忽略。我遇到了这个问题，因为我使用自定义形状，其中负值像正值一样堆叠在顶部（但颜色不同）。指定 domain={[0, 'dataMax + 1000']} 不起作用，因为 y 轴仍然显示负数 – 直到我设置 allowDataOverflow={true}

 <YAxis domain={[0, 'dataMax + 1000']} allowDataOverflow={true} />

原文由 cmau 发布，翻译遵循 CC BY-SA 4.0 许可协议