https://github.com/OpenFlutter/k_chart

Maybe it is the best k chart in Flutter.
https://github.com/OpenFlutter/k_chart

chart flutter flutter-plugin klinechart

Last synced: 2 months ago
JSON representation

Maybe it is the best k chart in Flutter.

• Host: GitHub
• URL: https://github.com/OpenFlutter/k_chart
• Owner: OpenFlutter
• License: other
• Created: 2019-10-16T10:26:45.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-09-29T16:33:43.000Z (over 1 year ago)
• Last Synced: 2024-08-04T22:12:05.017Z (6 months ago)
• Topics: chart, flutter, flutter-plugin, klinechart
• Language: Dart
• Homepage:
• Size: 15 MB
• Stars: 452
• Watchers: 15
• Forks: 224
• Open Issues: 24
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# k_chart

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

## display

#### image







#### gif

![demo](https://github.com/mafanwei/k_chart/blob/master/example/images/demo.gif)

![demo](https://github.com/mafanwei/k_chart/blob/master/example/images/demo2.gif)

## 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:**

```dart

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

```

use k line chart:

```dart

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:

```dart

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

```

#### Donate

Buy a cup of coffee for the author.





#### Thanks

[gwhcn/flutter_k_chart](https://github.com/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.