在 Recharts 中选择 Y 轴上的间隔

问题描述

在 <telerik:RadGrid ID="RadGrid1" runat="server" AllowSorting="True" GridLines="None" AllowPaging="True" OnPreRender="RadGrid1_PreRender" OnDataBound="RadGrid1_DataBound" OnItemCreated="RadGrid1_ItemCreated" OnColumnCreated="RadGrid1_ColumnCreated" OnColumnsReorder="RadGrid1_ColumnReorder" EnableViewState="true" ClientSettings-Scrolling-AllowScroll="true" > <MasterTableView GridLines="None" TableLayout="Auto" > 中，我要求它是 0 1000 2000 3000，需要间隔 1000，但我得到的是 0 2500 5000 7500 10000 请告诉我如何设置间隔

YAxis

感谢您的帮助

输出

解决方法

在一个轴上，默认有 5 个刻度。

为了显示所有数千个刻度（1000、2000 等），您需要将 tickCount 上的 YAxis 设置为 11，如下所示：>

<YAxis type="number" domain={[0,10000]} tickCount={11} />

但您还需要将图表的高度设置得更大，否则所有刻度都无法正确显示。为此，您只需更新 height 组件中的 LineChart 属性：

<LineChart width={730} height={500} data={data}> // <-- just here
  <CartesianGrid stroke="#eee" strokeDasharray="5 5"/>
  <YAxis type="number" domain={[0,10000]} tickCount={11}/>
  <Tooltip />
  <Legend />
  <Line type="monotone" dataKey="Product A" stroke="#0095FF" />
  <Line type="monotone" dataKey="Procuct B" stroke="#FF0000" />
</LineChart>

结果如下图：