@tanmaya_pradhan/react-native-charts v0.0.9

react-native-charts

Installation

npm i @tanmaya_pradhan/react-native-charts npm install --save @react-native-svg

Features

• Bar Chart
• Stacked Bar chart
• line chart
• multilinechart
• Combination of Line, Bar, Stack Bar chart, multi line chart
• clickable

• toot tip

Declarative Usage

    import { View } from 'react-native'
    import React from 'react'
    import { StackedBarChart,ChartType } from '@tanmaya_pradhan/react-native-charts'
    
    const App = () => {
      return (
        <View style={{ flex: 1 }}>
          <StackedBarChart
            containerHeight={400}
            backgroundColor='#000'
            yAxisSubstring= ''
            y2AxisSubstring=''
            showGrid={false}
            chartType={ChartType.ALL}
            y2Axis={true}
            chartData = {[
                { month: 'Jan', barValues: [100, 150, 120], lineValue: 125, multiLineValues: [100, 200] },
                { month: 'Feb', barValues: [140, 80, 120], lineValue: 250, multiLineValues: [100, 200] },
                { month: 'Mar', barValues: [70, 150, 90], lineValue: 500, multiLineValues: [100, 200] },
                { month: 'Apr', barValues: [70, 150, 90], lineValue: 400, multiLineValues: [100, 200] },
            ]}
            showTooltipPopup={false}
            onPressLineItem={(item) => console.log(item)}
            multiLineChartColors = {['red', 'blue']}
          />
        </View>
      )
    }
    
    export default App

Properties