imaNNeo / imaNNeo/fl_chart

Display text inside or outside of a RangeAnnotation

Open
#1,056 2 comments 2 reactions 0 assignees View on GitHub
enhancement Line Chart
Dominant language
Dart
Stars
7.6k
Forks
2k
Avg merge
9d 1h
Merged PRs (30d)
2

Description

**Display text inside or outside of a RangeAnnotation**
Is it possible to expand on the VerticalRangeAnnotation and HorizontalRangeAnnotation classes so that they have an optional String text parameter to display text inside (or outside) the rendered rectangle?

For example, I have this chart. It demonstrates a user's pace (y axis) for the duration of a jog (x axis).
Inside this chart, I have calculated a VerticalRangeAnnotation for every 1 km traveled by the user.
![image](https://user-images.githubusercontent.com/17769477/173133096-3263ea69-90fd-42b2-bc40-5f49c8a864ee.png)

See the "1 km", "2 km" and "2.07 km" labels inside the VerticalRangeAnnotations? (Those labels were photoshopped in to explain what I am looking for)

My goal is to provide a label to the VerticalRangeAnnotations so that the labels appear somewhere in the rendered box. If we could even get some extra parameters such as "alignment, text style, and rotation angle" that would be super great!

If there is an alternative to this that already exists, I'd love to hear/see your implementations.

Thanks.
Bloody good package btw!

Contributor guide

Open the contributing guide

Research direction

Start by locating the VerticalRangeAnnotation and HorizontalRangeAnnotation classes and the code that renders their rectangles. Review how annotation styling is represented, then determine the supported text placement, alignment, style, and rotation options. Done means labels can be displayed inside or outside the rendered annotations with the requested configuration.

Written by the indexing model from the issue text.

Assessment

Tech stack
dart, flutter
Domain
data-visualization
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.