wa_gc_api / graf.html
DmitrMakeev's picture
Update graf.html
3ea9120 verified
raw
history blame
929 Bytes
<!DOCTYPE html>
<html>
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<body>
<div id="myPlot" style="width:100%;max-width:700px"></div>
<script>
// Пример даты и времени
const xArray = [
new Date(2022, 0, 1, 0),
new Date(2022, 0, 1, 1),
new Date(2022, 0, 1, 2),
new Date(2022, 0, 1, 3),
new Date(2022, 0, 1, 4),
new Date(2022, 0, 1, 5),
new Date(2022, 0, 1, 6),
new Date(2022, 0, 1, 7),
new Date(2022, 0, 1, 8),
new Date(2022, 0, 1, 9),
new Date(2022, 0, 1, 10)
];
const yArray = [7,8,8,9,9,9,10,11,14,14,15];
// Define Data
const data = [{
x: xArray,
y: yArray,
mode: "lines"
}];
// Define Layout
const layout = {
xaxis: {
title: "Date and Time",
type: 'date'
},
yaxis: {range: [5, 16], title: "Price in Millions"},
title: "House Prices vs. Time"
};
// Display using Plotly
Plotly.newPlot("myPlot", data, layout);
</script>
</body>
</html>