dashboards should support automated bucketing by number of buckets #8616

Vadman97 · 2024-05-17T16:54:32Z

infer bucket width by using current date range / bucket count

linear · 2024-05-17T16:54:33Z

greptile-apps · 2024-05-17T16:54:50Z

To implement automated bucketing by number of buckets, follow these steps:

Frontend:
- In /frontend/src/pages/LogsPage/LogsHistogram/LogsHistogram.tsx, update the LogsHistogramChart component to calculate the bucket width by dividing the current date range by the bucket count.
```
const bucketWidth = (endDate - startDate) / bucketCount;
```
- Pass this bucketWidth to the histogram rendering logic.
Backend:
- In /backend/clickhouse/query.go, modify the readMetrics function to accept a bucket width parameter and use it to adjust the query for fetching metrics.
```
func readMetrics(params ... , bucketWidth int) {
    // Adjust query to use bucketWidth
}
```
Graph Component:
- In /frontend/src/pages/Graphing/components/Graph.tsx, ensure the Graph component can handle dynamic bucket widths by passing the calculated bucketWidth as a prop.
```
<Graph bucketWidth={bucketWidth} ... />
```

Vadman97 added the waterloo label May 17, 2024 — with Linear

Provide feedback