flutter_candlesticks 0.1.4

Flutter Android iOS web

Elegant OHLC Candlestick and Trade Volume charts for Flutter.

pub package

flutter_candlesticks #

Elegant OHLC Candlestick and Trade Volume charts for Flutter

Usage #

Install for Flutter with pub.

PropertyDescription
dataRequired. List of maps containing open, high, low, close and volumeto
enableGridLinesRequired. Enable or disable grid lines
volumePropRequired. Proportion of container to be given to volume bars
lineWidthDefault 1.0. Width of most lines
gridLineAmountDefault 5. Number of grid lines to draw. Labels automatically assigned
gridLineWidthDefault 0.5. Width of grid lines
gridLineColorDefault Colors.grey. Color of grid lines
gridLineLabelColorDefault Colors.grey. Color of grid line labels
labelPrefixDefault "$". Prefix before grid line labels.
increaseColorDefault Colors.green. Color of increasing candles.
decreaseColorDefault Colors.red. Color of decreasing candles.

Examples #

No Grid Lines #

new OHLCVGraph(
    data: sampleData,
    enableGridLines: false,
    volumeProp: 0.2
    )
)

xx

Candle size dynamically changes by amount of data

xx

Grid Lines #

new OHLCVGraph(
    data: sampleData,
    enableGridLines: true,
    volumeProp: 0.2,
    gridLineAmount: 5,
    gridLineColor: Colors.grey[300],
    gridLineLabelColor: Colors.grey
    )
)

xx

Full App Example #

import 'package:flutter/material.dart';
import 'package:flutter_candlesticks/flutter_candlesticks.dart';

void main() {
  List sampleData = [
    {"open":50.0, "high":100.0, "low":40.0, "close":80, "volumeto":5000.0},
    {"open":80.0, "high":90.0, "low":55.0, "close":65, "volumeto":4000.0},
    {"open":65.0, "high":120.0, "low":60.0, "close":90, "volumeto":7000.0},
    {"open":90.0, "high":95.0, "low":85.0, "close":80, "volumeto":2000.0},
    {"open":80.0, "high":85.0, "low":40.0, "close":50, "volumeto":3000.0},
  ];

  runApp(
    new MaterialApp(
      home: new Scaffold(
        body: new Center(
          child: new Container(
            height: 500.0,
            child: new OHLCVGraph(
                data: sampleData,
                enableGridLines: false,
                volumeProp: 0.2
            ),
          ),
        ),
      )
    )
  );
}
6
likes
100
pub points
79%
popularity

Elegant OHLC Candlestick and Trade Volume charts for Flutter.

Repository (GitHub)
View/report issues

Documentation

API reference

Uploader

trentjpiercy@gmail.com

License

MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on flutter_candlesticks