【问题标题】:Recharts Y-Axis interval issue重新绘制 Y 轴间隔问题
【发布时间】:2020-12-12 17:46:44
【问题描述】:

我在 ReactJS 中使用Recharts Library 作为图表。设置 Y 轴的间隔存在一个奇怪的问题。 “preserveStart”可用的选项很少| “保留结束” | "preserveStartEnd" |数字。对我来说,这是行不通的。

我附上了几个屏幕来展示我的期望和我得到的。

期待

实际

注意:由于项目的机密性,这里不允许我放代码。如果需要更多信息,请告诉我。

【问题讨论】:

    标签: reactjs intervals recharts yaxis


    【解决方案1】:

    为了在 Y 轴上查看给定数量的刻度,您需要使用道具 tickCount - 要显示的刻度数(默认为 5)。

    所以你的 Y 轴应该是这样的:

    <YAxis tickCount={10} />
    

    interval 属性允许您只显示部分刻度; '0' 会显示全部,'1' 会显示一半(每 2 个刻度 1 个),等等。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-01-10
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多