jacobjust / fl_animated_linechart Goto Github PK
View Code? Open in Web Editor NEWAnimated line chart for flutter
License: MIT License
Animated line chart for flutter
License: MIT License
Would be nice to make expose or not make the date format private so that at least after extending the class I could provide my own format.
I have an app with dark and light mode I need to access the grid lines and texts color
I managed to make the example run, but I can't find a way to plot a simple x,y data line.
My attempt was to do so :
var points = [ChartPoint(1.0,2.0),ChartPoint(2.0,0.0),ChartPoint(3.0,4.0),ChartPoint(4.0,1.0),ChartPoint(5.0,4.0),ChartPoint(6.0,6.0)];
var data = ChartLine(points,Color(0xFF42A5F5),'°C');
chart = LineChart([data],??);
but the fromTo
arguments seems to want "Dates" ... I don't have any :)
Any ideas ? Thanks
Hi there! Great library
Only issue I have is when length of the data map is only 1, my layout shifts weirdly and I get this error:
Exception caught by rendering library
The following assertion was thrown during paint():
Offset argument contained a NaN value.
'dart:ui/painting.dart':
Failed assertion: line 38: ''
Either the assertion indicates an error in the framework itself, or we should provide substantially more information in this error message to help you determine and fix the underlying cause.
In either case, please report this assertion by filing a bug on GitHub:
https://github.com/flutter/flutter/issues/new?template=BUG.md
The relevant error-causing widget was
AnimatedLineChart-[#5c159]
lib\…\anomaly_tag_screens\wristbands_screen.dart:190
When the exception was thrown, this was the stack
#2 _offsetIsValid (dart:ui/painting.dart:38:10)
#3 Canvas.drawCircle (dart:ui/painting.dart:3643:12)
#4 ChartPainter._drawLines.. (package:fl_animated_linechart/chart/animated_line_chart.dart:351:40)
#5 List.forEach (dart:core-patch/growable_array.dart:285:8)
#6 ChartPainter._drawLines. (package:fl_animated_linechart/chart/animated_line_chart.dart:351:18)
...
The following RenderObject was being processed when the exception was fired: RenderCustomPaint#996d4
RenderObject: RenderCustomPaint#996d4
parentData: (can use size)
constraints: BoxConstraints(w=330.0, h=229.5)
size: Size(330.0, 229.5)
The highlighted selection is offset around an inch to the right (from where you touch) in landscape orientation.
Is it possible to customize the text and color properties of different parts of the chart? ex. color of the horizontal and vertical lines, color and font of text?
Hi @JacobJust
According to your implementation, i can able to show only two charts. I need to show three lines (High,low,medium) graph. How to acheive it? In your pictorial representation, you have showed three graphs. Let me have some examples for showing three lines as i am facing exception
Thanks in advance
Hi, I was wondering if there is an option to make a step Line chart.
Thanks,
There are some disadvantages, such as the inability to set the Y axis minimum, too few configurable parameters, and a slightly more complex function that requires a large amount of source code modification. It is highly recommended to add a configurable parameter: Y axis minimum
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.