tanner/spaceport
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add info about chart data

Browse Source
This commit is contained in:
Tanner Collin 2020-04-22 21:44:05 +00:00
parent ea99dd3374
commit 276254f71d
1 changed files with 36 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
webclient/src/Charts.js
View File

@ -29,38 +29,44 @@ export function Charts(props) {
<p>Daily since March 2nd, 2020.</p> <p>Daily since March 2nd, 2020.</p>
{memberCount && <p>
<ResponsiveContainer width='100%' height={300}> {memberCount &&
<LineChart data={memberCount}> <ResponsiveContainer width='100%' height={300}>
<XAxis dataKey='date' minTickGap={10} /> <LineChart data={memberCount}>
<YAxis /> <XAxis dataKey='date' minTickGap={10} />
<CartesianGrid strokeDasharray='3 3'/> <YAxis />
<Tooltip /> <CartesianGrid strokeDasharray='3 3'/>
<Legend /> <Tooltip />
<Legend />
<ReferenceLine x='2020-03-25' stroke='red' label='Space Locked' strokeDasharray='3 3' /> <ReferenceLine x='2020-03-25' stroke='red' label='Space Locked' strokeDasharray='3 3' />
<Line <Line
type='monotone' type='monotone'
dataKey='member_count' dataKey='member_count'
name='Member Count' name='Member Count'
stroke='#8884d8' stroke='#8884d8'
strokeWidth={2} strokeWidth={2}
dot={false} dot={false}
animationDuration={1000} animationDuration={1000}
/> />
<Line <Line
type='monotone' type='monotone'
dataKey='green_count' dataKey='green_count'
name='Green Count' name='Green Count'
stroke='#82ca9d' stroke='#82ca9d'
strokeWidth={2} strokeWidth={2}
dot={false} dot={false}
animationDuration={1500} animationDuration={1500}
/> />
</LineChart> </LineChart>
</ResponsiveContainer> </ResponsiveContainer>
} }
</p>
<p>The Member Count is the amount of Prepaid, Current, Due, and Overdue members on Spaceport.</p>
<p>The Green Count is the amount of Prepaid and Current members.</p>
</Container> </Container>
); );