大佬教程收集整理的这篇文章主要介绍了Recharts 散点图显示调整图表大小时工具提示中的最低 x 值,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用 Recharts 散点图绘制气泡图。根据要求,图表应调整大小以将高度或宽度加倍。在调整大小之前一切都很好。但是一旦图表调整大小,工具提示会显示一个附加项目(这是所有数据系列中 x 轴数据集中的最低值)。一旦发生这种情况,即使将图表改回原始大小,此错误的工具提示仍然存在。
调整大小前更正工具提示
调整大小后不正确的工具提示,这里 45 是类型 A 和类型 B 中最小的 x 值
这是我的代码:
@H_502_17@const BubbleChart = ({ data,wIDth,height }) => { const drawCharts = (data) => { const charts = []; for (let i = 0; i < data.length; i++) { charts.push( <Scatter name={data[i].namE} data={data[i].values} fill={Colors[i]} /> ); } return charts; }; return ( <ScatterChart wIDth={wIDth} height={height - 100} margin={{ top: 10,right: 40,bottom: 0,left: 0 }} > <CartesiangrID strokeDasharray="3 3" /> <XAxis type="number" dataKey="x" name="height" unit="cm" range={[100,250]} /> <YAxis type="number" dataKey="y" name="wIDth" unit="cm" range={[200,300]} /> <ZAxis type="number" dataKey="z" name="weight" unit="cm" range={[200,1000]} /> <tooltip cursor={{ strokeDasharray: '3 3' }} /> <Legend /> {drawCharts(data)} </ScatterChart> ); };
如何在调整图表大小时避免这种不正确的图例?
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)
以上是大佬教程为你收集整理的Recharts 散点图显示调整图表大小时工具提示中的最低 x 值全部内容,希望文章能够帮你解决Recharts 散点图显示调整图表大小时工具提示中的最低 x 值所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。