evidence-dev
Support Dual Y-Axes
Feature Description
Dual Axis support, for <Chart> components: <BarChart>, <LineChart>, <AreaChart>
Goal of Feature What would this feature help you accomplish? Increase the density of information you can display. Often combines a bar chart with a line chart, for example.
Current Solution Two charts with separate axes
Alternative Ideas Support Side by side - two charts in one row, would also allow for higher information density
Syntax ideas:
Into BarChart, LineChart, AreaChart directly
<BarChart
data={orders}
y=number_of_orders
y2=AOV
/>
(Or y1, y2?)
If there are exactly 3 columns, could infer y and y2?
<BarChart
data={orders}
dualAxis=true
/>
In mixed type charts
<Chart
data={orders}
dualAxis=true
>
<Bar y=number_of_orders/>
<Line y=aov/>
</Chart>
There are some tricky parts to make this feature generalizable, but overall it should be feasible!
Here's a rough working example of what we could do:
<LineChart
data={orders_by_month}
x=month
y="sales_usd0k"
y2="num_orders_num0"
yAxisTitle=true
y2AxisTitle=true
/>
