Line
A page section that pairs a StylishSection heading with a SimpleLineChart.
Use this on dashboard or summary screens to present time-series data (e.g. fuel efficiency trends) with a consistent heading style. Available on all platforms (commonMain).
Parameters
Section heading text rendered by the StylishSection header.
List of LineChartData points to plot. Each entry carries a label and a numeric value.
Leading text for the chart's combined accessibility description.
Text displayed when data has fewer than two points, informing the user that no data is available.
Modifier applied to the section container.
Stroke color of the connecting line. Defaults to MaterialTheme.colorScheme.primary.
Semi-transparent color filling the area between the line and the X axis. Defaults to primary at 10 % alpha.
Outer ring color of each data-point marker. Defaults to MaterialTheme.colorScheme.primary.
Color of horizontal grid lines. Defaults to MaterialTheme.colorScheme.outlineVariant.
Total height of the chart area. Defaults to DefaultStylishDimensions.lineChartHeight.
Thickness of the connecting line. Defaults to 2.5 dp.
Outer radius of each data-point circle. Defaults to 4 dp.
Inner (surface-colored) radius of each data-point circle, creating a ring effect. Defaults to 2 dp.
Text size for axis and category labels. Defaults to 10 dp.
Number of horizontal grid lines including top and bottom. Defaults to 5.
Maximum number of X-axis labels rendered. Labels are evenly sampled; the last data point's label is always included. Defaults to 6.