imaNNeo / imaNNeo/fl_chart

Feature Request: Add gradient support to FlDotPainter for custom dot rendering

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

Nobody has claimed this yet.

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

Description

Hi Dear Iman,

First of all, thank you for the great work on `fl_chart` — it's one of the best charting solutions for Flutter and we've really enjoyed using it.

While customizing line chart dots using `FlDotData` and `getDotPainter`, I noticed that there's currently no built-in support for applying gradient styles to the dots. Right now, we can only use solid colors in `FlDotCirclePainter` or other `FlDotPainters`, which limits the visual styling options — especially when trying to highlight important data points (like the last point) with gradients.

## Feature Request:

I’ve already implemented a custom `GradientDotPainter` in my project using a custom painter, and it works well. I’d be happy to contribute this as a Pull Request if you're open to the idea.

Adding this feature would unlock more flexibility and polish in custom charts and improve visual storytelling.

Thanks again for your awesome work and for considering this request.

Best regards.

Image

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

Start by reading the FlDotData, getDotPainter, FlDotPainter, and FlDotCirclePainter APIs to understand how custom dot rendering currently works. Compare the requested behavior with the reported custom GradientDotPainter approach, and consider the feature complete when dot painters can apply gradients while preserving existing solid-color behavior and documented usage.

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
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.