The LineBarChart component provides a way to display line charts with interactive features, including hover effects, click events, and custom styling options. It supports various customization options including different chart types, color schemes, and interactive features.
Order decides the shape: the first series is drawn as the line, the second as the bars. There is no prop for it, and only the first two series are drawn — a third is ignored.
There is a single y axis, so the two measures are plotted against the same scale. That makes the chart a comparison of two quantities of comparable magnitude — sessions against conversions, budget against spend — not a way to overlay a rate on a volume.
Pair a percentage with a count and the percentage collapses onto the baseline: it is not missing, it is drawn at 4 on an axis that runs to 8000. If that is the chart you want, normalise the small series into the same units first, or put the two measures in separate charts.
The line's shape comes from curve and the bars' thickness from barWidth — the same props as LineChart and BarChart, which is what makes swapping between the three cheap.