Stack Overflow
Stack Overflow

Questions tagged [fl-chart]

fl-chart is a powerful Flutter chart library, currently supporting Line Chart, Bar Chart and Pie Chart.

FL Chart is a library to draw charts in Flutter.

It's used to create Line Charts, Bar Charts, Pie Charts, Scatter Charts and many more.

Here you can find examples on GitHub.

95 questions
0
votes
1 answer

Flutter fl_chart bottomTitles are cutted out and not displayed correctly

I am reading from a local Json file some values to be displayed on a chart using fl_chart package. The problem that i have is that on the screen the bottonTitle data are a little cutted out. I cannot find out why this is happen! See Photo: To…
Carlos Costa
  • 123
  • 3
  • 11
0
votes
0 answers

Horizontal bar chart in flutter

I want to draw this chart in flutter, please help me help me with example code. I'm having trouble with charts. I used fl chart package, but I can't custom like what I want. I used too graphic package, but I can't. help me if can. thanks
Phan Tri
  • 1
  • 1
0
votes
0 answers

FL_Charts bottomtitle overlapping each other on small screens. How to fix?

I'm new to flutter and am having issues with flutter FL_Charts. I've looked at their documentation and tried change the bottomTiles but the txt will overlap one another on small screens. Ideally, I would want to add horizontal scroll as I'll be…
Chromacry
  • 26
  • 3
0
votes
0 answers

LineChart makes PageRouteBuilder transition lag/stutter

I use a PageRouteBuilder transition between my pages. Whenever I navigate to a page with a LineChart, that has some data in it the transition begins to stutter and lag. The lag disappears if I remove the LineChart, so it is definetly causing it. Did…
lophix
  • 15
  • 4
0
votes
1 answer

synchronized tooltips in different charts

I have a grid view of 4 fl_charts line charts. At the moment the 4 tooltips works independently, meaning that i only show the tooltip in the chart the mouse is on. The 4 charts are actually 4 series of the same length and their x axis is actually…
Mauro Gentile
  • 1,463
  • 6
  • 26
  • 37
0
votes
0 answers

Flutter fl_chart barchart get and display dynamic data from API

Im new in Flutter. Currently Im following a tutorial to implement fl_chart bar chart on my project. The chart is successfully displayed as it is static data. Next, I want to make an API request and display the response data using the same chart. But…
berlin
  • 9
  • 4
0
votes
0 answers

How to insert a sidebar in fl_chart?

I'm trying to insert a sidebar next to the graph, as if it were a heat zone, to demonstrate user performance. However, the fl_chart package did not provide any support for this. In such a way that I can't do it any other way than in a Stack Widget.…
Johnathan Rocha
  • 1
  • 1
0
votes
1 answer

Flutter: fl_chart Pass Two Arrays To FlSpot()

This example shows how to pass one array to a List, however, I need to pass two different arrays of doubles. I cannot figure out how to get both arrays into a single List for the x and y variables of the spots. //this holds the date…
Dennis Ashford
  • 872
  • 2
  • 7
  • 21
0
votes
0 answers

flutter fl-chart spots with Hive

i'm having issues while implementing line Chart especially with spots. i want to track a progress every week (every 7 days) and i have already the list of these numbers which i want to display it. please note that everyday this list is adding a new…
hazem saad
  • 107
  • 5
0
votes
0 answers

Is there any solution for disable fl_chart to auto generate the range in X?

Here is my code: Widget _genCharArea(BuildContext context) { if(projectData == null || projectData!.isEmpty) return emptyPadding(); // for(var pp in projectData!) // print(pp); // print(UIHelper.screenHeight!*0.2); …
Ray
  • 568
  • 6
  • 20
0
votes
0 answers

How to add this type of Indicator in fl_chart Flutter?

i have create this type of graph in my project i have try and create graph but problem to create those type of indicator in my graph i have integrate fl_chart package for it this is my code i try it.. My result when i try class…
Mayank Prajapati
  • 1
0
votes
1 answer

How to show date on bottomTitle in fl_chart

So I'm having a hard time figuring out how to show the date I'm getting from my PHP Script into FlChart. The data I get from my PHP Script looks like this, so basically what this means is that I get an average value on the day it was measured on. [ …
Denzen
  • 25
  • 6
0
votes
1 answer

Flutter list mapping, filtering

so i have this data that I compare with a date range that is requested by the user if the Days list is the same as my transaction date then I put it in that date, and will return a new list List transactionss = [ {'date': '2023-02-06', 'amount':…
user3352042
  • 131
  • 1
  • 3
  • 16
0
votes
0 answers

Is there time series chart on fl_chart or is there any way to make line_chart a time series one?

Using line charts i cannot display time series data correctly. Is there a way to make it happen using any packages other than syncfusion_flutter_charts and charts_flutter. Here is the code I tried. But it results in incorrect graph. Here is the…
mmj
  • 139
  • 8
0
votes
2 answers

Flutter sort, map, reduce List of map

Hey so I have this this sample List data from api, and im trying to show it to fl_charts [ {"type": "expense", "amount": 250, "paymentDate": "22-02-2022"}, {"type": "income", "amount": 350, "paymentDate": "22-02-2022"}, {"type": "expense", "amount":…
user3352042
  • 131
  • 1
  • 3
  • 16
1 2 3
4
5 6 7