如何解决Recharts 每周每月按钮
我正在制作体重追踪器网络移动版。 我正在使用 Rechart Library 但我只显示现在的数据。 如何制作周图和月图?
就像当我点击每周按钮时,我想显示每周平均体重和 点击每月按钮显示您每月的平均体重
我总是感谢你给我留下的建议希望你们好运!
<ResponsiveContainer>
<ComposedChart
width={1000}
height={400}
data={resultDays}
margin={{
top: 20,right: 20,bottom: 20,left: 20,}}
>
<Cartesiangrid
stroke="#f5f5f5"
opacity={0.1}
vertical={false}
/>
<XAxis dataKey="createdDate" stroke="#fff"></XAxis>
<LabelList
dataKey="weight"
position="insidetop"
angle="45"
/>
<Tooltip stroke="#fff" />
<defs>
<linearGradient
id="color"
x1="0"
y1="0"
x2="0"
y2="1"
>
<stop
offset="0%"
stopColor="#E07A5F"
stopOpacity={0.4}
/>
<stop
offset="75%"
stopColor="#E07A5F"
stopOpacity={0.05}
/>
</linearGradient>
</defs>
<Area
name="weight"
type="monotone"
dataKey="weight"
fill="url(#color)"
stroke="#f2cc8f"
></Area>
</ComposedChart>
</ResponsiveContainer>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。