{
let data = [{
x: high_tide.map(item => item.date),
y: high_tide.map(item => item.pred_in_cm),
mode: "lines+markers"
}]
let layout = {
title: {
text:'Plot Title',
font: {
family: 'Courier New, monospace',
size: 24
},
xref: 'paper',
x: 0.05,
},
xaxis: {
title: {
text: 'x Axis',
font: {
family: 'Courier New, monospace',
size: 18,
color: '#7f7f7f'
}
},
},
yaxis: {
title: {
text: 'y Axis',
font: {
family: 'Courier New, monospace',
size: 18,
color: '#7f7f7f'
}
}
},
height: 400,
width: 900
};
const div = DOM.element('div');
Plotly.newPlot(div, data, layout);
return div;
}