Skip to content

Library for charts in android with animations

Notifications You must be signed in to change notification settings

asayushg/charts

Repository files navigation

Charts

Release

Gradle Setup

Step 1. Add the JitPack repository to your build file Add it in your root build.gradle at the end of repositories:

allprojects {
	repositories {
		...
		maven { url 'https://www.jitpack.io' }
	}
}

Step 2. Add the dependency

dependencies {
        implementation 'com.github.asayushg:charts:1.0.1'
}

Examples 👀

Documentation 📔

1. Pie Chart

Add the PieChart View in your layout as:

<saini.ayush.chart.PieChart
    android:id="@+id/pieChart"
    android:layout_width="125dp"
    android:layout_height="125dp"
    .../>

Create a list of Slice with percentage and color and submit to PieChart view as:

val list = ArrayList<Slice>()
list.add(
	Slice(
    	   percentage = 20f,
           color = Color.RED
        )
    )
// add all the slices
val pieChart = findViewById<PieChart>(R.id.pieChart)
pieChart.submitList(pieChartList = list)
// set borderSize and borderColor
pieChart.setBorder(10f, Color.BLACK)

2. Doughnut Chart

Add the DoughnutChart View in your layout as:

<saini.ayush.chart.DoughnutChart
    android:id="@+id/doughnutChart"
    android:layout_width="125dp"
    android:layout_height="125dp"
    .../>

Create a list of Slice with percentage and color and submit to DoughnutChart view as:

val list = ArrayList<Slice>()
list.add(
	Slice(
    	   percentage = 20f,
           color = Color.RED
        )
    )
// add all the slices
val doughnutChart = findViewById<DoughnutChart>(R.id.doughnutChart)
// submit list and doughnutChart Size
doughnutChart.submitList(
        doughnutChartList = list,
        doughnutSize = 100f
    )
// set inner border
    doughnutChart.setBorders(
        innerBorderSize = 10f,
        innerBorderColor = Color.BLACK,
    )
// set outer border
   doughnutChart.setBorders(
        outerBorderSize = 10f,
        outerBorderColor = Color.BLACK,
   )
// set both borders
    doughnutChart.setBorders(
        outerBorderSize = 10f,
        outerBorderColor = Color.BLACK,
        innerBorderSize = 10f,
        innerBorderColor = Color.BLACK
    )


Charts Available

  • Pie Chart
  • Doughnut Chart
  • Bar Chart
  • Line Chart
  • Area Chart
  • Scatter Plot