All Projects → OpenFlutter → K_chart

OpenFlutter / K_chart

Licence: bsd-2-clause
Maybe it is the best k chart in Flutter.

Programming Languages

dart
5743 projects

Projects that are alternatives of or similar to K chart

Facebook audience network
Flutter Facebook Audience Network
Stars: ✭ 122 (-8.96%)
Mutual labels:  flutter-plugin
Flutter credit card
A credit card widget for Flutter application.
Stars: ✭ 126 (-5.97%)
Mutual labels:  flutter-plugin
Helm App Operator Kit
Tool for creating a Kubernetes Operator from a Helm Chart
Stars: ✭ 132 (-1.49%)
Mutual labels:  chart
Nautilus
阿里百川电商Flutter插件。
Stars: ✭ 123 (-8.21%)
Mutual labels:  flutter-plugin
Plugins
go-flutter implementations for popular Flutter plugins
Stars: ✭ 125 (-6.72%)
Mutual labels:  flutter-plugin
Npmcharts.com
Compare npm package downloads over time
Stars: ✭ 129 (-3.73%)
Mutual labels:  chart
Flutteryoutube
Flutter Plugin to play youtube Videos
Stars: ✭ 120 (-10.45%)
Mutual labels:  flutter-plugin
Mediumclapflutter
A Custom Floating Action Button (FAB) library like clapping effect on Medium
Stars: ✭ 133 (-0.75%)
Mutual labels:  flutter-plugin
Background location
Flutter background location plugin for Android and iOS
Stars: ✭ 127 (-5.22%)
Mutual labels:  flutter-plugin
Weewx Belchertown
A clean and modern weewx skin with real time streaming updates, forecast data and interactive charts. View it in action at BelchertownWeather.com
Stars: ✭ 131 (-2.24%)
Mutual labels:  chart
React Native Chart
[NOT MAINTAINED] 📊 Add line, area, pie, and bar charts to your React Native app
Stars: ✭ 1,574 (+1074.63%)
Mutual labels:  chart
React D3 Components
D3 Components for React
Stars: ✭ 1,599 (+1093.28%)
Mutual labels:  chart
Vis Graph3d
📊 Create interactive, animated 3d graphs. Surfaces, lines, dots and block styling out of the box.
Stars: ✭ 129 (-3.73%)
Mutual labels:  chart
Flutter Concentric Transition
A Flutter plugin to create views using concentric transition effect.
Stars: ✭ 122 (-8.96%)
Mutual labels:  flutter-plugin
React Native Chart Kit
📊React Native Chart Kit: Line Chart, Bezier Line Chart, Progress Ring, Bar chart, Pie chart, Contribution graph (heatmap)
Stars: ✭ 1,997 (+1390.3%)
Mutual labels:  chart
Nim Plotly
plotting library for nim-lang
Stars: ✭ 121 (-9.7%)
Mutual labels:  chart
Asciigraph
Go package to make lightweight ASCII line graph ╭┈╯ in command line apps with no other dependencies.
Stars: ✭ 1,805 (+1247.01%)
Mutual labels:  chart
Ci Buildstats
Little widget to display AppVeyor, TravisCI, CircleCI, GitHub Actions or Azure Pipelines build history charts and other SVG badges.
Stars: ✭ 134 (+0%)
Mutual labels:  chart
Inventory Manager
Making an Awesome Inventory Management Application with Barcode Reader in PHP and MySQL from Start to Finish
Stars: ✭ 132 (-1.49%)
Mutual labels:  chart
Flutter android
Android bindings plugin for Flutter.
Stars: ✭ 131 (-2.24%)
Mutual labels:  flutter-plugin

k_chart

Maybe this is the best k chart in Flutter.Support drag,scale,long press,fling.And easy to use.

demo

Getting Started

Install

dependencies:
  k_chart: ^0.1.1

or use latest:

k_chart:
    git:
      url: https://github.com/mafanwei/k_chart

Usage

When you change the data, you must call this:

DataUtil.calculate(datas); //This function has some optional parameters: n is BOLL N-day closing price. k is BOLL param.

use k line chart:

Container(
              height: 450,
              width: double.infinity,
              child: KChartWidget(
                datas,// Required,Data must be an ordered list,(history=>now)
                isLine: isLine,// Decide whether it is k-line or time-sharing
                mainState: _mainState,// Decide what the main view shows
                secondaryState: _secondaryState,// Decide what the sub view shows
                fixedLength: 2,// Displayed decimal precision
                timeFormat: TimeFormat.YEAR_MONTH_DAY,
                onLoadMore: (bool a) {},// Called when the data scrolls to the end. When a is true, it means the user is pulled to the end of the right side of the data. When a
                // is false, it means the user is pulled to the end of the left side of the data.
                maDayList: [5,10,20],// Display of MA,This parameter must be equal to DataUtil.calculate‘s maDayList
                bgColor: [Colors.black, Colors.black],// The background color of the chart is gradient
                isChinese: true,// Graphic language
                volHidden: false,// hide volume
                isOnDrag: (isDrag){},// true is on Drag.Don't load data while Draging.
              ),
            ),

use depth chart:

DepthChart(_bids, _asks) //Note: Datas must be an ordered list,

if you want change DepthChart color, you can use just like this:

 Container(
            height: 230,
            width: double.infinity,
            color: Colors.grey, //background color
            child: DepthChart(_bids, _asks,buyPathColor: Colors.blue, sellPathColor: Colors.green),
          )

Donate

Buy a cup of coffee for the author.

alipay wechat

Other

Maybe there are some bugs in this k chart,or you want new indicators,you can create a pull request.I will happy to accept it and I hope we can make it better.

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].