如何解决在 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>
结果如下图：
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。