问题描述
我正在制作体重追踪器网络移动版。 我正在使用 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 (将#修改为@)