Disable Zoom Events in JavaScript

How to disable zoom events in JavaScript charts.

Plotly Studio: Transform any dataset into an interactive data application in minutes with AI. Sign up for early access now.

Disabling Zoom Events for X Axis

function makeplot() {
    d3.csv("https://raw.githubusercontent.com/plotly/datasets/master/2014_apple_stock.csv", function(data){ processData(data) } );

};

function processData(allRows) {

    console.log(allRows);
    var x = [], y = [], standard_deviation = [];

    for (var i=0; i < allRows.length; i++) {
        row = allRows[i];
        x.push( row['AAPL_x'] );
        y.push( row['AAPL_y'] );
    }
    console.log( 'X',x, 'Y',y, 'SD',standard_deviation );
    makePlotly( x, y, standard_deviation );
}

function makePlotly( x, y, standard_deviation ){
    var plotDiv = document.getElementById("myDiv");
    var traces = [{
        x: x,
        y: y
    }];

    var layout = {
        title: {
            text: 'Plotting CSV data from AJAX call'
        },
        xaxis: {
            fixedrange: true
        }
    };

    Plotly.newPlot('myDiv', traces, layout);
};
  makeplot();

Disabling Zoom Events for X and Y Axis

function makeplot() {
    d3.csv("https://raw.githubusercontent.com/plotly/datasets/master/2014_apple_stock.csv", function(data){ processData(data) } );

};

function processData(allRows) {

    var x = [], y = [], standard_deviation = [];

    for (var i=0; i < allRows.length; i++) {
        row = allRows[i];
        x.push( row['AAPL_x'] );
        y.push( row['AAPL_y'] );
    }
    makePlotly( x, y, standard_deviation );
}

function makePlotly( x, y, standard_deviation ){
    var plotDiv = document.getElementById("myDiv");
    var traces = [{
        x: x,
        y: y
    }];

    var layout = {
        title: {
            text: 'Plotting CSV data from AJAX call'
        },
        yaxis: {fixedrange: true},
        xaxis: {fixedrange: true}
    };

    Plotly.newPlot('myDiv', traces, layout);
};
  makeplot();