initial commit, POC for drawing horizontal and vertical indicators on canvas instead of delegating to composables

cleanup required, but it's working

general cleanup, remove unused, apply formatting

bugfix: coerce to inset bounds, check before `showPopup` unnecessary

remove draw grid in favor of calculated heights/widths of indicators/labels, add `drawTicks`, use ticks passed from `insetDrawScope` within `LineChartCanvas`. Added test cases to initial chart in `PhoneSample`

couple fixes

fix errors after removing dividerProperties

Author: brayellison

app/src/commonMain/kotlin/ir/ehsannarmani/compose_charts/ui/LineSample.kt

@@ -3,7 +3,6 @@ package ir.ehsannarmani.compose_charts.ui
 import androidx.compose.animation.core.EaseInOutCubic
 import androidx.compose.animation.core.tween
 import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.RowScope
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.padding
 import androidx.compose.runtime.Composable
@@ -136,7 +135,6 @@ fun LineSample(modifier: Modifier=Modifier) {
                     it * 500L
                 }),
                 gridProperties = gridProperties,
-                dividerProperties = dividerProperties,
                 indicatorProperties = HorizontalIndicatorProperties(
                     textStyle = TextStyle(
                         fontSize = 11.sp,
@@ -191,14 +189,6 @@ fun LineSample2(modifier: Modifier=Modifier) {
                         thickness = .5.dp
                     )
                 ),
-                dividerProperties = DividerProperties(
-                    yAxisProperties = LineProperties(enabled = false),
-                    xAxisProperties = LineProperties(
-                        thickness = .5.dp,
-                        color = SolidColor(Color.Gray.copy(alpha = .5f)),
-                        style = StrokeStyle.Dashed(intervals = floatArrayOf(15f,15f), phase = 10f),
-                    )
-                ),
                 popupProperties = PopupProperties(
                     textStyle = TextStyle(
                         fontSize = 11.sp,
@@ -294,7 +284,6 @@ fun LineSample3(modifier: Modifier=Modifier) {
                     it * 500L
                 }),
                 gridProperties = gridProperties,
-                dividerProperties = dividerProperties,
                 popupProperties = PopupProperties(
                     textStyle = TextStyle(
                         fontSize = 11.sp,
@@ -372,7 +361,6 @@ fun LineSample4(modifier: Modifier=Modifier) {
                     it * 500L
                 }),
                 gridProperties = gridProperties,
-                dividerProperties = dividerProperties,
                 popupProperties = PopupProperties(
                     textStyle = TextStyle(
                         fontSize = 11.sp,
@@ -432,7 +420,6 @@ fun LineSample5(modifier: Modifier=Modifier) {
                     it * 500L
                 }),
                 gridProperties = gridProperties,
-                dividerProperties = dividerProperties,
                 popupProperties = PopupProperties(
                     textStyle = TextStyle(
                         fontSize = 11.sp,
@@ -532,7 +519,6 @@ fun LineSample6(modifier: Modifier=Modifier) {
                     it * 500L
                 }),
                 gridProperties = gridProperties,
-                dividerProperties = dividerProperties,
                 popupProperties = PopupProperties(
                     textStyle = TextStyle(
                         fontSize = 11.sp,
@@ -601,7 +587,6 @@ fun LineSample7(modifier: Modifier=Modifier) {
                     it * 500L
                 }),
                 gridProperties = gridProperties,
-                dividerProperties = dividerProperties,
                 popupProperties = PopupProperties(
                     textStyle = TextStyle(
                         fontSize = 11.sp,
@@ -660,7 +645,6 @@ fun LineSample8(modifier: Modifier=Modifier) {
                 animationMode = AnimationMode.Together(delayBuilder = {
                     it * 500L
                 }),
-                dividerProperties = DividerProperties(enabled = false),
                 gridProperties = GridProperties(enabled = false),
                 popupProperties = PopupProperties(
                     textStyle = TextStyle(
@@ -710,7 +694,6 @@ fun LineSample9(modifier: Modifier=Modifier) {
                     it * 500L
                 }),
                 gridProperties = gridProperties,
-                dividerProperties = dividerProperties,
                 popupProperties = PopupProperties(
                     textStyle = TextStyle(
                         fontSize = 11.sp,

app/src/commonMain/kotlin/ir/ehsannarmani/compose_charts/ui/PhoneSample.kt

@@ -10,16 +10,16 @@ import androidx.compose.runtime.remember
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.graphics.SolidColor
-import androidx.compose.ui.graphics.drawscope.DrawStyle
 import androidx.compose.ui.text.TextStyle
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
 import ir.ehsannarmani.compose_charts.LineChart
 import ir.ehsannarmani.compose_charts.models.AnimationMode
 import ir.ehsannarmani.compose_charts.models.DotProperties
+import ir.ehsannarmani.compose_charts.models.HorizontalIndicatorProperties
+import ir.ehsannarmani.compose_charts.models.IndicatorPosition
 import ir.ehsannarmani.compose_charts.models.Line
 import ir.ehsannarmani.compose_charts.models.PopupProperties
-import ir.ehsannarmani.compose_charts.models.StrokeStyle
 
 @Composable
 fun PhoneSample() {
@@ -67,7 +67,10 @@ fun PhoneSample() {
                             false
                         }
                     ),
-
+                    indicatorProperties = HorizontalIndicatorProperties(
+                        indicators = (0..7).map { it.toDouble() } + listOf(5.5),
+                        position = IndicatorPosition.Horizontal.End
+                    )
                 )
             }
         }