📈 LineChart

Jetpack Compose library for creating customizable line charts with smooth animations.

🚀 Features

• 🎯 Smooth animations using Jetpack Compose
• 📊 Supports multiple data points and real-time updates
• 🎨 Customizable styling, axis labels, and grid lines
• 📱 Responsive and adaptive layout

📦 Installation

dependencies {
implementation("io.github.teddko:linechart:1.0.0")
}

📖 Basic Usage

@Composable
funLineChartDemo() {
// Create sample data pointsval chartData =listOf(
ChartData(cumulativeProfit =100.0, date =System.currentTimeMillis()),
ChartData(cumulativeProfit =150.0, date =System.currentTimeMillis() +86400000),
ChartData(cumulativeProfit =130.0, date =System.currentTimeMillis() +172800000),
ChartData(cumulativeProfit =200.0, date =System.currentTimeMillis() +259200000)
)
val state = rememberLineChartState(
items = chartData,
maxDataPoints =20, // Optional: limit number of points
yAxisTicksCount =5// Optional: number of y-axis labels
)
LineChartPanel(
modifier =Modifier.fillMaxWidth(),
chartHeight =300.dp,
state = state
)
}

🎨 Customization

@Composable
funCustomizedLineChart() {
val chartData =listOf(
ChartData(cumulativeProfit =50.0, date =System.currentTimeMillis()),
ChartData(cumulativeProfit =75.0, date =System.currentTimeMillis() +86400000),
ChartData(cumulativeProfit =60.0, date =System.currentTimeMillis() +172800000),
ChartData(cumulativeProfit =90.0, date =System.currentTimeMillis() +259200000)
)
val state = rememberLineChartState(
items = chartData,
maxDataPoints =10, // Show maximum 10 points
yAxisTicksCount =6, // Show 6 labels on Y-axis
scaleFactor =10000, // Scale factor for values
strokeWidth =3.dp // Custom line thickness
)
LineChartPanel(
modifier =Modifier
.fillMaxWidth()
.padding(16.dp),
chartHeight =400.dp, // Custom chart height
state = state
)
}

🛠️ Development Environment

• Kotlin 2.0+
• Android Studio Hedgehog+
• Jetpack Compose 1.7+
• Gradle Kotlin DSL applied

📝 License

This project is licensed under the Apache 2.0 License.