Multi-Axis Combo Chart
A combination bar-and-line chart with two independent y-axes — bars on the left axis and a line on the right axis — built with Chart.js so two metrics on different scales can share a single x-axis without one dominating the other. Especially useful for revenue (dollars) plotted a
Template details
- chart
- mixed
- dual-axis
- combo
- chartjs
When to use this template
This visualization helps analysts understand the relationship between two distinct quantitative metrics that operate on vastly different scales or units, sharing a common categorical or temporal dimension. It makes it obvious whether these metrics move in tandem, opposition, or independently, revealing correlations or causal links that might be obscured if plotted on separate charts or a single-axis chart where one metric dominates. Analysts reach for it when the interplay between two KPIs is the primary focus.
- Two quantitative metrics with disparate scales or units.
- A single shared categorical or temporal dimension for comparison.
- One metric representing counts or totals (for bars).
- Another metric representing rates, percentages, or averages (for lines).
- Datasets where identifying correlations or inverse relationships is crucial.
- Time-series data where trends of two different KPIs need comparison.