react-native-charts-gl
TypeScript icon, indicating that this package has built-in type declarations

0.1.0 • Public • Published

react-native-charts-tl

Description

A react-native module for displaying customizable stock charts.

Installation

  1. Clone this repository

  2. Install dependencies

yarn install

Execution

To run the example app to test your changes to the library, first ensure an Android emulator is running. Then run the following command(s) within the Chart directory.

yarn example

After running that then run the following command to run android.

yarn example android

TroubleShooting

Some issues may arise such as gradlew not having execution permissions. For that navigate to the example directory and within the android directory run this command.

   chmod 775 gradlew 

Chart Input Properties

Property Data Format Description
dataPoints An array of IDataPoint datatype values Data point values to be render onto the Chart.
indicators An array of IIndicator datatype values Indictor values to render different information line onto the Chart.
numberOfTimeLabels Number Amount of Time Labels to be displayed.
showVolume Boolean Determines Volume Bar Chart display.
mode Boolean Determines Chart display mode.
coloring IChartsColor datatype Maintains Chart Line customization.
obtainPressedIndex() Callback function Pressed Data Index Retrieval.

IChartsColor Input Properties

Property Data Format Description
axis String Colors the Data point line rendered on the Chart display.
positiveVolume String Colors the Volume Bar Chart where there is a positive upturn.
negativeVolume String Colors the Volume Bar Chart where there is a negative downturn.
dataPoint String Maintains the color of any datapoint dots being rendered in the Chart display
infoBox String Maintains the background color of an Infobox within the Chart display.
fontColor String Maintains the color of text that appears within the Chart display.
backgroundColor String Maintains the background color of the Chart.
defaultColorList Array of Strings Provides default color options if none given.

Features

Library provide certain range of customization of how the library shows when rendered. These include:

  1. Allows for main data line to be rendered alingside two other indictor lines that represent a simple moving average, and an exponential moving average.

  2. Provides color customization of lines to be displayed.

  3. Contains different graphical displays such as a Volume Bar chart and a Candle Stick Chart options.

  4. Data is based on IEX format for data being displayed.

  5. For specific point detail display, there is a callback function that returns the specfic index of where the point was pressed. This index is returned to the developer/user based on the idea that the developer/user would handle that.

  6. JEST testing functionality is also implemented within the library.

Package Sidebar

Install

npm i react-native-charts-gl

Weekly Downloads

1

Version

0.1.0

License

MIT

Unpacked Size

176 kB

Total Files

195

Last publish

Collaborators

  • hrios1640