Is it possible to set a fixed width/height for each interval?
My Y and X axis have 3 intervals, 0-75, 75-80, 80-100
What I’m trying to is to set 3 columns and 3 rows with the same width and height, like a 9 box grid.
Right now a have this:
var trace1 = {
x: [62, 75, 81, 95],
y: [52, 77, 85, 91],
mode: ‘markers’,
marker: {
size: [40, 60, 80, 100]
}
};
var data = [trace1];
var layout = {
title: {
text: ‘Marker Size’
},
showlegend: false,
height: 600,
width: 600,
xaxis: {
autorange: false,
tickmode: ‘array’,
tickvals: [0, 75, 80, 100],
tickwidth: 2,
range: [0, 100]
},
yaxis: {
range: [0, 100],
tickmode: ‘array’,
tickvals: [0, 75, 80, 100],
}
};
And I’m trying to make it look like this: