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

Customize box upon hovering in a Linechart in Flutter

I am trying to draw a Line Chart in Flutter. Upon hovering above the chart, I get a box telling me the current value of the graph: As you can see, it is quite difficult to read the '5' in the box due to the colors not being very compatible. How can…
Edward Teach
  • 158
  • 6
0
votes
0 answers

How to prepare preview of large amount of data stored in firestore when using chart in flutter?

I am using Firestore to store a large amount of information from real-time sensors, that I receive every 10 seconds and I need to create several charts to represent the evolution of this data. How can I preview the data? For example, take the…
0
votes
1 answer

Add text widget to getDrawingHorizontalLine in fl_chart

This is my fl_chart bar chart. I need to add the 'AVG' text to the line as in the image below. Any ideas? Really stuck. The line is returned under "getDrawingHorizontalLine" section below. I could try and figure out where this line is and use a…
Wesley Barnes
  • 554
  • 4
  • 18
0
votes
0 answers

Add double ripple to dot indicator in Fl_chart #flutter

i want to add double ripple like showing in the picture at dot when selected , to make some animation to the FL_chart ? I used fl_chart 0.55.2 [enter image description here]this is the example of animation (https://i.stack.imgur.com/191fd.png) …
SONIA
  • 1
  • 1
  • 2
0
votes
0 answers

The tool tip data as well as the labels in x axis overlapping fl_chart

How can i avoid overlapping of the x-axis data and the overlapping tooltip values, i tried reducing the font but that didnt work.For tooltip i wanted to show only maximum value,and other values only when the user clicks on…
F sam
  • 51
  • 7
0
votes
0 answers

Flutter fl_chart limit amount of titles on x axis

Is it possible to limit the amount of shown titles on the x axis (e.g. max 3 titles) to avoid that titles overlap like in the picture?
Dalon
  • 566
  • 8
  • 26
0
votes
0 answers

Duplicate data shown in FL Charts Line graph tooltip

I have been facing issues with displaying the tooltip for my line graph which is created from the FL charts package. On touching the line spots of the graph, my tooltip data is being duplicated and I have no idea why. Below attached is an example…
Syed A.R
  • 159
  • 1
  • 9
0
votes
1 answer

fl_chart want to add last one week dates in bottomTitles in lineChart

ERROR:- The return type 'String' isn't a 'Widget', as required by the closure's context. I need to add the last one-week date in the bottom titles but got an error in the updated version. in the previous version, it's working fine. but now I got…
sonalika
  • 153
  • 1
  • 12
0
votes
0 answers

Pie chart issues in flutter

I'm using the fl_chart package to create an interactive Pie Chart for my application. Although the design came out fine, I'm facing the following issues with the functionality: Tapping on a particular PieChartSectionData doesn't always select it…
coolhack7
  • 1,204
  • 16
  • 35
0
votes
0 answers

Flutter - How to convert setState to Bloc state management?

I am currently practicing Bloc state management on Flutter and I'm trying to convert some of my code from using setState to using a cubit following Flutter Bloc state management. My code right now is fairly simple, I have a sin and cos chart that…
0
votes
1 answer

The argument type 'SideTitles' can't be assigned to the parameter type 'AxisTitles?'

I keep trying using fl_chart. I have problem on y-axis. I expected it show not only 0. I expect 0~1 y-axis label in this case. I searched about this and find this code. https://gist.github.com/imaNNeoFighT/32d8164b1afac5348af0d758853f8376 Error…
강수경
  • 35
  • 6
0
votes
1 answer

use api response in FlSpot() instead of numbers flutter

I'm trying to draw a line graph from API responses in flutter with fl_chart. In this section; spots: [ const FlSpot(0, 1.4), const…
Taady
  • 2,409
  • 2
  • 10
  • 24
0
votes
2 answers

can I add something in the middle of a pie chart by using fl-chart package?

How to add an image / icon or any object in the middle of a pie chart in fl_chart package for flutter ? I want to make this: Iwant to have the running man!
saeed z
  • 35
  • 7
0
votes
1 answer

Flutter FL_CHART, prevent highest value left title from being cut off

I'm using fl_chart to make a weekly graph, however I'm running into a problem. The top of my left title tile, number 4 in this case, is getting cut off. Increasing the container just makes the graph portion take all the size, adding an empty…
Coder
  • 340
  • 1
  • 9
0
votes
1 answer

fl_chart scatter chart touch tooltip disappears when holding

I used the sample code from the github and only changed 1 variable: the handleBuiltInTouches to true, I expect it to have the tooltip pop up when I hold it, but it popped up for a splitsecond before disappearing. also when I set handleBuiltInTouches…
bluends
  • 155
  • 12