Как включить увеличение или уменьшение масштаба на графике с помощью пользовательских кнопок?

Question

Я создаю angular приложение. В котором нам нужно создать по нажатию кнопки для увеличения и уменьшения масштаба для построения графика. Мы можем увеличивать или уменьшать масштаб на графике с помощью кнопок на панели режимов Hoverable, но это не требуется для нашего приложения. Мы хотим увеличить или уменьшить масштаб графика, используя пользовательские кнопки. Есть ли способ вызывать действия увеличения или уменьшения шкалы режима перемещения с помощью кнопок? если нет то каковы другие способы сделать? приветствуется любое предложение.

Код в .ts файле

basicChart() {

    var trace1 = {
        x: ['2020-10-04', '2021-11-04', '2023-12-04'],
        y: [90, 40, 60],
        type: 'scatter'
    };

    var data = [trace1];

    var layout = {
        title: 'Chart',
        showlegend: false
    };

    Plotly.newPlot('myDiv', data, layout);
}