I have a Highcharts line chart with two series using different units (e.g. temperature in °C and rainfall in mm). I've added a second yAxis and linked each series to it using yAxis: 1, but the two axes use completely different scales and the chart looks misleading. How can I synchronize or align the zero lines of both axes, or set a custom min/max so the data is visually comparable? Here's my current config:
Highcharts.chart('container', {
yAxis: [{}, { opposite: true }],
series: [
{ name: 'Temp', data: [22, 25, 19], yAxis: 0 },
{ name: 'Rain', data: [5, 12, 3], yAxis: 1 }
]
});