How do I add a secondary Y-axis to a Highcharts line chart and sync its scale with the primary axis?
01:05 22 Jun 2026

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 }
  ]
});
highcharts