# Basic
const zoomOptions = { limits: { x: {min: -200, max: 200, minRange: 50}, y: {min: -200, max: 200, minRange: 50} }, pan: { enabled: true, mode: 'xy', }, zoom: { wheel: { enabled: true, }, pinch: { enabled: true }, mode: 'xy', onZoomComplete({chart}) { // This update is needed to display up to date zoom level in the title. // Without this, previous zoom level is displayed. // The reason is: title uses the same beforeUpdate hook, and is evaluated before zoom. chart.update('none'); } } };