Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

OpenFlutter/k_chart

Folders and files

NameName
Last commit message
Last commit date

Latest commit

History

154 Commits

Repository files navigation

k_chart

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

display

image

Screenshot

Screenshot

Screenshot

gif

demo

demo

Getting Started

Install

dependencies:
 k_chart: ^0.7.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(
 chartStyle, // Required for styling purposes
 chartColors,// Required for styling purposes
 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
 translations: kChartTranslations,// Graphic language
 volHidden: false,// hide volume
 showNowPrice: true,// show now price
 isOnDrag: (isDrag){},// true is on Drag.Don't load data while Draging.
 onSecondaryTap:(){},// on secondary rect taped.
 isTrendLine: false, // You can use Trendline by long-pressing and moving your finger after setting true to isTrendLine property. 
 xFrontPadding: 100 // padding in front
 ),
 ),

use depth chart:

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

Donate

Buy a cup of coffee for the author.

alipay

wechat

Thanks

gwhcn/flutter_k_chart

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.

About

Maybe it is the best k chart in Flutter.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

Contributors

AltStyle によって変換されたページ (->オリジナル) /