Skip to content

Conversation

@alok87
Copy link
Contributor

@alok87 alok87 commented Jan 8, 2026

Changes

This PR implements chart legend series filtering feature as part of #1558.

Features

Chart Legend Series Filtering

  • Click on legend labels (GET, POST, PUT, etc.) to show only that series in the chart
  • Shift+Click to select multiple series for comparison
  • All legend items remain visible with clear visual feedback:
    • Selected: Bold font, thick line, full opacity
    • Non-selected: Dimmed (30% opacity) but still visible
  • Click selected item again to clear filter and show all series
  • Auto-scale Y-axis when filtering to fit only visible series data range

How It Works

Single Series:

  • Click GET → Only GET visible in graph, others hidden
  • Click GET again → All series visible

Multi-Select:

  • Click GET → Only GET visible
  • Shift+Click POST → Both GET and POST visible
  • Shift+Click GET → Only POST remains visible

Technical Changes

  • Modified HDXMultiSeriesTimeChart to support series selection with visual feedback
  • Enhanced DBTimeChart with selection state management
  • Legend renderer now always shows all series regardless of visibility
  • Y-axis auto-scales when series are filtered

Part of #1558

@changeset-bot
Copy link

changeset-bot bot commented Jan 8, 2026

🦋 Changeset detected

Latest commit: 01e3452

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 2 packages
Name Type
@hyperdx/app Minor
@hyperdx/api Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@vercel
Copy link

vercel bot commented Jan 8, 2026

@alok87 is attempting to deploy a commit to the HyperDX Team on Vercel.

A member of the Team first needs to authorize it.

alok87 added 2 commits January 8, 2026 09:57
- Click on legend labels to show only that series in the chart
- Shift+Click to select multiple series for comparison
- All legend items remain visible with clear visual feedback:
  - Selected: Bold font, thick line, full opacity
  - Non-selected: Dimmed (30% opacity) but still visible
- Click selected item again to clear filter and show all series
- Auto-scale Y-axis when filtering chart series to fit visible data

Part of hyperdxio#1558
@alok87 alok87 force-pushed the feat/chart-legend-series-filtering branch from c8c8d72 to f54c250 Compare January 8, 2026 04:27
@vercel
Copy link

vercel bot commented Jan 8, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Review Updated (UTC)
hyperdx-v2-oss-app Ready Ready Preview, Comment Jan 8, 2026 4:44pm

Copy link
Member

@brandon-pereira brandon-pereira left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks great, thanks for adding @alok87!

@kodiakhq kodiakhq bot merged commit 8b5e80d into hyperdxio:main Jan 8, 2026
11 of 12 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants