mirror of
https://github.com/pds-nest/nest.git
synced 2024-11-25 14:34:19 +00:00
37 lines
1 KiB
JavaScript
37 lines
1 KiB
JavaScript
|
import React from "react"
|
||
|
|
import BoxFull from "../base/BoxFull"
|
||
|
|
import BoxChart from "../base/BoxChart"
|
||
|
|
|
||
|
|
|
||
|
|
export default function BoxVisualizationChart({ tweets, ...props }) {
|
||
|
|
// TODO: translate this
|
||
|
|
const hours = [...Array(24).keys()].map(hour => hour.toString())
|
||
|
|
const hourlyTweetCount = Array(24).fill(0)
|
||
|
|
for(const tweet of tweets) {
|
||
|
|
const insertDate = new Date(tweet["insert_time"])
|
||
|
|
const insertHour = insertDate.getHours()
|
||
|
|
console.log(insertHour)
|
||
|
|
hourlyTweetCount[insertHour] += 1
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
return (
|
||
|
|
<BoxChart
|
||
|
|
header={"Hourly graph"}
|
||
|
|
chartProps={{
|
||
|
|
type: "bar",
|
||
|
|
data: {
|
||
|
|
labels: hours.map(hour => hour.toString()),
|
||
|
|
datasets: [
|
||
|
|
{
|
||
|
|
label: "Tweets",
|
||
|
|
data: hourlyTweetCount,
|
||
|
|
}
|
||
|
|
],
|
||
|
|
}
|
||
|
|
}}
|
||
|
|
{...props}
|
||
|
|
/>
|
||
|
|
)
|
||
|
|
}
|