Composable-Graphs ( Jetpack Compose )
Gradle Setup
allprojects {
repositories {
maven { url "https://jitpack.io" }
}
}
dependencies {
implementation 'com.github.jaikeerthick:Composable-Graphs:v1.0'
}
Screenshots
Usage
- Bar Graph
BarGraph(
dataList = listOf(20, 30, 10, 60, 35), // dataList : List<Number>
)
- Line Graph
LineGraph(
xAxisData = listOf("Sun", "Mon", "Tues", "Wed", "Thur", "Fri", "Sat").map {
GraphData.String(it)
}, // xAxisData : List<GraphData>, and GraphData accepts both Number and String types
yAxisData = listOf(200, 40, 60, 450, 700, 30, 50),
)
Example for passing String and Number:
xAxisData = listOf("Sun", "Mon", "Tues", "Wed", "Thur", "Fri", "Sat").map {
GraphData.String(it)
}
xAxisData = listOf(20, 40, 30, 50, 70, 0, 40).map {
GraphData.Number(it)
}
Note: xAxisData can be of GraphData.String & GraphData.Number, but yAxisData can be only of type Number
Styling
BarGraphStyle and LineGraphStyle can be used to style the Graphs effetively
You can control the following things using Style classes:
- Height
- Padding
- Colors
- Visibility - control visibility for crosshair, labels, headers, etc.
// BarGraph
val style = BarGraphStyle(
visibility = BarGraphVisibility(
isYAxisLabelVisible = true
)
)
// LineGraph
val style2 = LineGraphStyle(
visibility = LinearGraphVisibility(
isHeaderVisible = true,
isYAxisLabelVisible = false,
isCrossHairVisible = true
),
colors = LinearGraphColors(
lineColor = GraphAccent2,
pointColor = GraphAccent2,
clickHighlightColor = PointHighlight2,
fillGradient = Brush.verticalGradient(
listOf(Gradient3, Gradient2)
)
)
)
And you can pass it to the graph like this:
BarGraph(
dataList = listOf(20, 30, 10, 60, 35),
style = style
)
Contribution:
Fork the repo and create PRs
112 Jan 8, 2023
11 Dec 5, 2022
106 Dec 30, 2022
2k Jan 4, 2023
4.9k Dec 30, 2022
7.4k Jan 6, 2023
20 Nov 18, 2022
2.7k Jan 5, 2023
1.6k Dec 23, 2022
813 Dec 20, 2022
8 Nov 24, 2022
88 Nov 29, 2022
8 Jan 4, 2023
17 Dec 31, 2022
491 Jan 9, 2023
3 Dec 17, 2022