Download this source code for
5 USD


Download this source code for
5 USD


Download this source code for
5 USD


Download this source code for
5 USD

flutter flutter logo 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
    )
)
elegant ohlc candlestick charts 1
elegant ohlc candlestick charts 2

candle size dynamically changes by amount of data

elegant ohlc candlestick charts 3
elegant ohlc candlestick charts 4

grid lines

new ohlcvgraph(
    data: sampledata,
    enablegridlines: true,
    volumeprop: 0.2,
    gridlineamount: 5,
    gridlinecolor: colors.grey[300],
    gridlinelabelcolor: colors.grey
    )
)
elegant ohlc candlestick charts 5
elegant ohlc candlestick charts 6

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
            ),
          ),
        ),
      )
    )
  );
}

download the full project for this post from the following button

this source is fully free for all time

download as zip


Download this source code for
5 USD


Download this source code for
5 USD


Download this source code for
5 USD


Download this source code for
5 USD

Comments are closed.