ApexCharts Mixed Bar + Line (Dual Axis)
The classic 'two metrics that share an x-axis but live in different scales' chart — bars on the left y-axis carry the absolute volume metric (orders, sessions, signups) and a line on the right y-axis carries the rate metric (conversion %, average order value, churn %). ApexCharts
Template details
- chart
- mixed
- bar
- line
- dual-axis
- apexcharts
- apex
When to use this template
This visualization makes obvious the relationship between two distinct quantitative metrics that share a common dimension, typically time, but operate on vastly different scales. An analyst reaches for it to understand how a volume or absolute count metric influences or correlates with a rate or percentage metric over time, without distorting either's individual trend. It helps identify periods where one metric might be driving changes in the other, despite their differing magnitudes.
- Two quantitative metrics with distinct units or scales
- One metric representing absolute volume, the other a rate or ratio
- Shared ordered categorical or time-series dimension for comparison
- Typically 10-100 data points along the shared dimension
- Data where individual metric trends are important alongside their interplay
- Tracking performance indicators and their efficiency metrics over time