Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/trentpiercy/flutter-candlesticks
Elegant OHLC Candlestick and Trade Volume charts for @Flutter
https://github.com/trentpiercy/flutter-candlesticks
candlesticks chart finance financial-data flutter graph
Last synced: 7 days ago
JSON representation
Elegant OHLC Candlestick and Trade Volume charts for @Flutter
- Host: GitHub
- URL: https://github.com/trentpiercy/flutter-candlesticks
- Owner: trentpiercy
- License: mit
- Created: 2018-04-10T02:48:00.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2022-02-12T06:19:44.000Z (almost 3 years ago)
- Last Synced: 2024-12-15T02:05:59.707Z (14 days ago)
- Topics: candlesticks, chart, finance, financial-data, flutter, graph
- Language: Dart
- Homepage: https://pub.dev/packages/flutter_candlesticks
- Size: 303 KB
- Stars: 429
- Watchers: 22
- Forks: 90
- Open Issues: 14
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
- awesome-flutter - Candlesticks - OHLC and Trade Volume Charts by [Trent Piercy](https://github.com/trentpiercy). (Components / Map)
README
[](https://pub.dartlang.org/packages/flutter_candlesticks)
# flutter_candlesticks
Elegant OHLC Candlestick and Trade Volume charts for Flutter
## Usage
Install for Flutter [with pub](https://pub.dartlang.org/packages/flutter_candlesticks#-installing-tab-).
| Property | Description |
|--------------------|--------------------------------------------------------------------------|
| data | Required. List of maps containing open, high, low, close and volumeto |
| enableGridLines | Required. Enable or disable grid lines |
| volumeProp | Required. Proportion of container to be given to volume bars |
| lineWidth | Default `1.0`. Width of most lines |
| gridLineAmount | Default `5`. Number of grid lines to draw. Labels automatically assigned |
| gridLineWidth | Default `0.5`. Width of grid lines |
| gridLineColor | Default `Colors.grey`. Color of grid lines |
| gridLineLabelColor | Default `Colors.grey`. Color of grid line labels |
| labelPrefix | Default `"$"`. Prefix before grid line labels. |
| increaseColor | Default `Colors.green`. Color of increasing candles. |
| decreaseColor | Default `Colors.red`. Color of decreasing candles. |
## Examples
### No Grid Lines
```dart
new OHLCVGraph(
data: sampleData,
enableGridLines: false,
volumeProp: 0.2
)
)
```
> Candle size dynamically changes by amount of data
### Grid Lines
```dart
new OHLCVGraph(
data: sampleData,
enableGridLines: true,
volumeProp: 0.2,
gridLineAmount: 5,
gridLineColor: Colors.grey[300],
gridLineLabelColor: Colors.grey
)
)
```
### Full App Example
```dart
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
),
),
),
)
)
);
}
```