imaNNeo / imaNNeo/fl_chart

Bar chart tooltips overlap with bars for high values

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

Description

When using BarChart, tooltips for high-value bars overlap with the bars themselves, making them difficult to read.

**Steps to reproduce:**
1. Create a BarChart with some high value data points
2. Show tooltips on all bar rods using `showingTooltipIndicators: [0]` in `BarChartGroupData`
3. Notice tooltips appear on top of the bars, creating visual overlap

**Expected behavior:**
Tooltips should be positioned in a way that's clearly readable and doesn't overlap with the bar content

**Current behavior:**
Tooltips appear directly on top of tall bars, creating visual clutter and reducing readability

**Versions**
- Flutter version: 3.24.4
- fl_chart version: 0.69.0

**Screenshots:**
![Screenshot_20250103-220511_Super Simple Accountant](https://github.com/user-attachments/assets/56b4ab76-c279-46d4-a73f-a4f93853d144)
![Screenshot_20250103-220508_Super Simple Accountant](https://github.com/user-attachments/assets/4d62348d-c9eb-454a-8eb3-c88efbabfd23)

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the issue with BarChart and showingTooltipIndicators: [0] in BarChartGroupData using high-value data points. Inspect the BarChart tooltip positioning path and verify the result on Flutter 3.24.4. Done means tooltips remain clearly readable without overlapping tall bars.

Written by the indexing model from the issue text.

Assessment

Tech stack
dart, flutter
Domain
data-visualization
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.