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
6
votes
1 answer

Flutter how to add a clipper to fl_chart (CustomPainter)

I have a fl_chart (pub), which is displayed below in the gifs. When transitioning data the painter paints outside of the chart's bounds. How could I add a clipper (or some other fix) to the chart below, so this bug does not occur? There is some code…
Eli Front
  • 695
  • 1
  • 8
  • 28
5
votes
2 answers

how to remove X-Y values in this fl-chart flutter

**I am working on fl-chart (line charts) and I want to remove X-Y labels in this chart as well as grey lines to make a clear look of the chart but I didn't find any customisation in this package. So how can I achieve this task if fl-cart has this…
Arslan Kaleem
  • 1,410
  • 11
  • 25
4
votes
1 answer

How to stop a line chart fluttering

I want to draw a line chart with some data in Flutter Mobile App, so used fl_chart package. The data is notified 50 times per second (50Hz) from a BLE-connected device. My app subscribes to the notifications and draws a line chart with notified…
Shion
  • 67
  • 8
4
votes
2 answers

How to scroll horizontal in a line chart using fl_chart in Flutter?

I want to show data from a List in a line chart. The Problem is that the width is too small. So I want that you can scroll horizontal to see everything. How to do this with the Package fl_chart? Here is my Code, i build the spots from a List. …
Dalon
  • 566
  • 8
  • 26
4
votes
2 answers

How to assign an array to spots in fl_chart in Flutter

I am new to Flutter and just started using fl_charts which really looks fantastic. However I am struggling to move beyond demo LineChartSample1. The sample code given here assigns values to spots as follows: spots: [ FlSpot(1, 1.4), …
AnR
  • 1,809
  • 3
  • 26
  • 45
3
votes
1 answer

Adding text label to a bar in fl_chart bar-chart

I've built a Flutter app, and used fl_chart to present a bar chart. It works great, but the only thing left it to add a label inside each bar, as in this UI design: It seems fl_chart doesn't have a label property for the bar. I've tried to add a…
F.SO7
  • 695
  • 1
  • 13
  • 37
3
votes
1 answer

How to change fl chart tooltip position according in flutter

I'm using fl_chart and I'm actually faced some problem. I need help to manipulate the fl_chart tooltip because of the problem below. When I touch a bar on the chart the showned tooltip has hidden part The used code touchTooltipData:…
J0rdAn
  • 131
  • 3
  • 14
3
votes
1 answer

Is there any option to specify Interval between values on x and y axis in flutter fl_charts?

LineChart( LineChartData( minX: 0, maxX: 40, minY: 0, lineBarsData: [ LineChartBarData( spots: fl, isCurved: true, barWidth: 5, ) ] ) ), here is my code values on x axis are overlapping. I am using…
Hamza Ali
  • 272
  • 4
  • 9
3
votes
2 answers

Flutter Web - Unsupported operation: NaN error for canvas in Card widget

I am working on a flutter web project. We use the library fl_chart. We would like to use a PieChart in a Card widget but it throws the error Unsupported operation: NaN. It happens in debug and release mode (launched from the command lines flutter…
Valentin Vignal
  • 6,151
  • 2
  • 33
  • 73
3
votes
2 answers

How to implement API data in a line chart

I am trying to implement my API data in a chart using fl_chart dependencies in flutter. But I just cannot figure out how to implement it. Here is how I implement my data: @override Widget build(BuildContext context) { return ListView.builder( …
Aiman_Irfan
  • 355
  • 2
  • 13
2
votes
0 answers

How to use DateTime as X values with Flutter FLChart -

I am trying to build a linear chart with flutter and FlChart. When I start the application, it is very slow and also seems to plot data uncorrectly. What I understand of plot data with FLChart linear chart: I understood that you can use minX and…
user2748576
  • 53
  • 6
2
votes
0 answers

Add a pointer/arrow showing the data on Linechart Flutter

I want to add a pointer in my FlChart LineChart . Like this I've used fl_chart for the same And it's output is
Shekhar J. Lobo
  • 129
  • 3
2
votes
1 answer

fl_chart error the getter 'touchinput' isn't defined for the type 'FlTouchEvent'

While working on a flutter app to implement the pie chart from fl_chart package, I got the following error when I tried to run the program: the getter 'touchinput' isn't defined for the type 'FlTouchEvent'. Try importing the library that defines…
Jana Al-Huneidi
  • 21
  • 2
2
votes
1 answer

How to get the FlSpot touched in fl_charts

I have a LineChart where the default behaviour is that a tooltip with the y value shows up when you touch the chart. How would i be able to get the x and y values of the point touched on the chart to save it in a variable for example. It has to be…
msmsms
  • 81
  • 6
2
votes
4 answers

Flutter pie chart starting at top

I want to create a pie chart (or rather a ring chart) that show how much of a given value (say 1000 euros) has been used up. I tried the packages pie_chart and fl_chart and while both draw nice charts, I cannot display it the exact way I want. What…
Wckd_Panda
  • 53
  • 1
  • 8
1
2 3 4 5 6 7