✊🏿 Black Lives Matter. Please consider donating to Black Girls Code today.
⚾️ It's finally Baseball season! Root for the home team... & Register for our Sports Analytics Webinar!

Plotly.js Showgrid:false not working?

The above code doesnt allow me to hide grid lines in 3DScatter plot.

I am trying to hide x,y,z grid lines using the following option :

  var layout = {
    title: 'Plotly Graph',
    xaxis: {
        autorange: true,
        showgrid: false,
        zeroline: false,
        showline: false,
        autotick: true,
        ticks: '',
        showticklabels: false
    },
    yaxis: {
        autorange: true,
        showgrid: false,
        zeroline: false,
        showline: false,
        autotick: true,
        ticks: '',
        showticklabels: false
    },
    zaxis: {
        autorange: true,
        showgrid: false,
        zeroline: false,
        showline: false,
        autotick: true,
        ticks: '',
        showticklabels: false
    },
    margin: {
        l: 0,
        r: 0,
        b: 0,
        t: 0
    },

    showlegend: true,
    legend: {
        "x": "0",
        "margin.r": "120"
    }
};
Plotly.newPlot('plotly-div', data, layout, {

    displaylogo: false
});

This is what i am aiming to do :

Thanks in Advance!

Answer here: https://github.com/plotly/plotly.js/issues/759#issuecomment-234066797

1 Like