-
Notifications
You must be signed in to change notification settings - Fork 348
feat: Add chart legend series filtering #1572
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat: Add chart legend series filtering #1572
Conversation
🦋 Changeset detectedLatest commit: 01e3452 The changes in this PR will be included in the next version bump. This PR includes changesets to release 2 packages
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 |
|
@alok87 is attempting to deploy a commit to the HyperDX Team on Vercel. A member of the Team first needs to authorize it. |
- 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
c8c8d72 to
f54c250
Compare
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
brandon-pereira
left a comment
There was a problem hiding this 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!
Closes HDX-3180 # Summary This PR makes a couple of changes to TimeChart axis bounds 1. Y Axis lower bound is now always 0 unless a series is selected (partial revert of #1572) 2. X-Axis bounds have been adjusted so that 1. There is no longer an empty partial interval's worth of space at the end of line charts 2. The first bar of a bar chart no longer overlaps with the Y Axis ## Before - The first Bar in bar charts overlaps the Y Axis <img width="1600" height="495" alt="Screenshot 2026-01-09 at 2 55 27 PM" src="https://github.com/user-attachments/assets/13087084-4847-46d5-98d3-85340101d7f3" /> - There is an empty partial (or full) interval at the end of charts <img width="1611" height="483" alt="Screenshot 2026-01-09 at 2 55 21 PM" src="https://github.com/user-attachments/assets/a286966b-ccfa-485c-8d26-7090f75120e0" /> - Y Axis lower bound is non-zero when no series are selected <img width="1603" height="388" alt="Screenshot 2026-01-09 at 2 38 54 PM" src="https://github.com/user-attachments/assets/4ca2743a-d484-40b1-b2e6-352aad838070" /> <img width="1623" height="373" alt="Screenshot 2026-01-09 at 2 37 26 PM" src="https://github.com/user-attachments/assets/4a8b9490-9efb-4c75-93b4-edb3321ee0a2" /> ## After - Bars fit fully within the chart domain <img width="1610" height="503" alt="Screenshot 2026-01-09 at 2 55 42 PM" src="https://github.com/user-attachments/assets/42ab1f62-4c1e-475f-b3be-4bf6ed147dc4" /> - There is no empty space at the end of the line charts - Y Axis lower bound is always 0 when no series are selected <img width="1613" height="490" alt="Screenshot 2026-01-09 at 2 55 50 PM" src="https://github.com/user-attachments/assets/ed723a99-2a24-47f2-8ac8-93901f7fbf88" />
Changes
This PR implements chart legend series filtering feature as part of #1558.
Features
Chart Legend Series Filtering
How It Works
Single Series:
Multi-Select:
Technical Changes
HDXMultiSeriesTimeChartto support series selection with visual feedbackDBTimeChartwith selection state managementPart of #1558