react-native-charts-tl-test v0.1.4

Tradelink Chart Library

This library is built to handle stock charts for the Tradelink App

Example Line and Bar Chart render:

Installation:

Install the library from npm:

npm install react-native-charts-tl-test

Using the Chart component:

Import the Chart component in your React Native project:

import ChartsTL from 'react-native-charts-tl-test';

Call the component and it's respective props:

<ChartsTL.Chart
  backgroundColor={'white'}
  axisColor={'white'}

  lineValues={[30, 22, 76, 80, 64]}
  lineColor={'blue'}
  lineWidth={2}

  volumeValues={[30, 22, 76, 80, 64]}
  highColor={'green'}
  lowColor={'red'}
  showVolume={false}
/>

Prop explanation:

• The 'backgroundColor' prop defines the chart's background color.
• The 'axisColor' prop defines the x and y axis line colors.
• The 'lineValues' prop defines an array of numbers, which represent the chart's y-values.
• The 'lineColor' prop defines the color of the lines.
• The 'lineWidth' prop defines the width of the lines.
• The 'volumeValues' prop defines an array of numbers, which represent the chart's y-values.
• The 'highColor' prop defines the color of the volume bar representing the stock closing higher.
• The 'lowColor' prop defines the color of the volume bar representing the stock closing lower.
• The 'showVolume' prop defines the volume chart's visibility.