imaNNeo / imaNNeo/fl_chart

Add Segment Selection to LineChart

Open
#1,671 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
Dart
Stars
7.6k
Forks
2k
Avg merge
9d 1h
Merged PRs (30d)
2

Description

It would be great to have a segment selection feature in the `LineChart` of the `fl_chart` library. This feature would allow users to click or drag over a specific part of the chart to highlight or interact with selected data ranges.

**Use Case:**
This functionality would be useful for analyzing specific data ranges, such as focusing on particular time periods or value ranges. It would enhance the interactivity and usability of the charts, especially for data analysis, financial reports, and interactive dashboards.

**Suggested Implementation:**
- Detect touch or click events to identify the selected range.
- Visually highlight the selected segment.
- Provide callback functions to access the data of the selected range.

Thank you for considering this feature request.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

No source file, test, or entry point is named. Start by locating the LineChart touch-handling and rendering code in the fl_chart repository, then define how dragging, highlighting, range callbacks, and completion criteria should work before implementing and testing the feature.

Written by the indexing model from the issue text.

Assessment

Tech stack
dart, flutter
Domain
data-visualization, frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.