evd-evanss/sugarcharts

Sugar Charts

A simple and very useful graphics library for use with Jetpack Compose

Linear

A component for drawing linear graphs

Initial Setup

Gradle (project)

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

Gradle (app)

depencencies {
    ...
    implementation("com.sugarspoon.library:charts:$latest_version")
    ...
}

Sample

Surface(
    modifier = Modifier.fillMaxSize(),
    color = MaterialTheme.colors.background
) {
    val entries = listOf(
        GraphEntry(
            xAxisLegend = "jan",
            yValue = 12f
        ),
        GraphEntry(
            xAxisLegend = "feb",
            yValue = 22f
        ),
        GraphEntry(
            xAxisLegend = "mar",
            yValue = 35f
        )
    )
    SugarCharts.Linear(
        entries = entries,
        enableGrids = true,
        enableAnimation = true,
        smoothLines = true,
        drawValuesOnMarkers = true,
        aspectRatio = 3 / 2f,
        paddingValues = PaddingValues(16.dp)
    )
}

Param	Function
entries	Data entry to build the chart
enableGrids	Enable or disable grid view
enableAnimation	enable or disable animation when drawing data line
smoothLines	smooths the data line.
drawValuesOnMarkers	Enables the display of values on top of the markers
aspectRatio	Attempts to scale the content to match a specified aspect ratio
graphicColors	Object with chart colors
paddingValues	Describes the spacing to be applied between the edges and the Cartesian plane