All Projects → JacobJust → fl_animated_linechart

JacobJust / fl_animated_linechart

Licence: MIT License
Animated line chart for flutter

Programming Languages

dart
5743 projects
python
139335 projects - #7 most used programming language

Projects that are alternatives of or similar to fl animated linechart

animatedcharts
Animated Charts with R using gganimate or plot.ly - Updated to new gganimate version
Stars: ✭ 15 (-68.75%)
Mutual labels:  chart, animated
Dypiechartview
Animated Pie Chart using Custom CALayer.
Stars: ✭ 5 (-89.58%)
Mutual labels:  chart, animated
react-native-animated-carousel
🦄 A wonderful animated carsouel hooks component for React-Native
Stars: ✭ 16 (-66.67%)
Mutual labels:  animated
rc-charts
一个基于BizCharts的图表库
Stars: ✭ 22 (-54.17%)
Mutual labels:  chart
a2d3
Flexible and extensible D3 directives for Angular 2
Stars: ✭ 22 (-54.17%)
Mutual labels:  chart
chart.xkcd-vue
A xkcd styled chart component for Vue.js based on chart.xkcd.
Stars: ✭ 34 (-29.17%)
Mutual labels:  chart
RKPieChart
Pie Chart written in Swift 3
Stars: ✭ 67 (+39.58%)
Mutual labels:  chart
dimibob-potatoes
역대 디미고 급식에서 감자가 들어간 메뉴를 전부 찾아줍니다.
Stars: ✭ 13 (-72.92%)
Mutual labels:  chart
g2plot-react
G2Plot for React
Stars: ✭ 67 (+39.58%)
Mutual labels:  chart
BASH-Model
We developed a method animating a statistical 3D human model for biomechanical analysis to increase accessibility for non-experts, like patients, athletes, or designers.
Stars: ✭ 51 (+6.25%)
Mutual labels:  animated
DepthChart
深度图
Stars: ✭ 28 (-41.67%)
Mutual labels:  chart
react-native-animated-menu
Top-down animated menu transition concept
Stars: ✭ 56 (+16.67%)
Mutual labels:  animated
smoothr
A custom React router that leverages the Web Animations API and CSS animations.
Stars: ✭ 28 (-41.67%)
Mutual labels:  animated
c3-rails
c3 for Rails
Stars: ✭ 15 (-68.75%)
Mutual labels:  chart
termgraph
terminal candle stick graph library
Stars: ✭ 62 (+29.17%)
Mutual labels:  chart
aks-terraform-helm
Showcase for Azure, AKS, Terraform, Helm and Let's Encrypt
Stars: ✭ 23 (-52.08%)
Mutual labels:  chart
GJLineChartView
支持伸缩,长按显示数据的折线图、柱状图、饼状图。
Stars: ✭ 24 (-50%)
Mutual labels:  chart
LoadTestToolbox
Lightweight tools for load testing web applications, written in C#
Stars: ✭ 75 (+56.25%)
Mutual labels:  chart
Social-Media-Monitor
Automatically monitor and log fan counters from social media(Facebook Pages, Twitter, Instagram, YouTube, Google+, OneSignal, Alexa) using APIs to Google Spreadsheet. Very useful for website admins and social media managers.
Stars: ✭ 36 (-25%)
Mutual labels:  chart
VisualFamilyTree
With this app you can create a family tree with extensive information and pictures about the individual family members.
Stars: ✭ 44 (-8.33%)
Mutual labels:  chart

fl_animated_linechart

Codemagic build status

Animations

An animated chart library for flutter.

  • Support for datetime axis
  • Multiple y axis, supporting different units
  • Highlight selection
  • Animation of the chart
  • Tested with more than 3000 points and still performing

There are currently two different charts:

  • line chart
  • area chart

Getting Started

Try the sample project or include in your project.

Highlight for the line chart: Chart example with highlight

Area chart: Area Chart example Area Chart example

Example code:

LineChart lineChart = LineChart.fromDateTimeMaps([line1, line2], [Colors.green, Colors.blue]);

return Scaffold(
  appBar: AppBar(
    title: Text(widget.title),
  ),
  body: Container(
    child: Column(
        mainAxisSize: MainAxisSize.max,
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        crossAxisAlignment: CrossAxisAlignment.stretch,
        children: [
          Expanded(child: AnimatedLineChart(lineChart)),
        ]
    ),
  ),
);

The example app, can toggle between line chart and area chart. Example app

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].