$(function() {
var min = [],
avg = [];

min.push([gd(2018,10,05), 1296.00, '']);
avg.push([gd(2018,10,05), 1296.00, '']);
min.push([gd(2019,02,20), 1283.00, '']);
avg.push([gd(2019,02,20), 1283.00, '']);
min.push([gd(2019,07,08), 1283.00, '']);
avg.push([gd(2019,07,08), 1283.00, '']);
min.push([gd(2019,11,23), 1283.00, '']);
avg.push([gd(2019,11,23), 1283.00, '']);
min.push([gd(2020,04,09), 1283.00, '']);
avg.push([gd(2020,04,09), 1289.50, '']);
min.push([gd(2020,08,25), 1283.00, '']);
avg.push([gd(2020,08,25), 1289.50, '']);
min.push([gd(2021,01,10), 1283.00, '']);
avg.push([gd(2021,01,10), 1289.50, '']);
min.push([gd(2021,05,28), 1283.00, '']);
avg.push([gd(2021,05,28), 1289.50, '']);
min.push([gd(2021,10,13), 1283.00, '']);
avg.push([gd(2021,10,13), 1289.50, '']);
min.push([gd(2022,02,28), 1283.00, '']);
avg.push([gd(2022,02,28), 1289.50, '']);
min.push([gd(2022,07,16), 1283.00, '']);
avg.push([gd(2022,07,16), 1289.50, '']);
min.push([gd(2022,12,01), 1283.00, '']);
avg.push([gd(2022,12,01), 1289.50, '']);
min.push([gd(2023,04,18), 1283.00, '']);
avg.push([gd(2023,04,18), 1289.50, '']);
min.push([gd(2023,09,03), 1283.00, '']);
avg.push([gd(2023,09,03), 1289.50, '']);
min.push([gd(2024,01,19), 1283.00, '']);
avg.push([gd(2024,01,19), 1289.50, '']);
min.push([gd(2024,06,05), 1283.00, '']);
avg.push([gd(2024,06,05), 1291.33, '']);
min.push([gd(2024,10,21), 1283.00, '']);
avg.push([gd(2024,10,21), 1291.33, '']);
min.push([gd(2025,03,08), 1283.00, '']);
avg.push([gd(2025,03,08), 1291.33, '']);
min.push([gd(2025,07,24), 1283.00, '']);
avg.push([gd(2025,07,24), 1291.33, '']);
min.push([gd(2025,12,09), 1295.00, '']);
avg.push([gd(2025,12,09), 1295.00, '']);
min.push([gd(2026,04,26), 1295.00, '']);
avg.push([gd(2026,04,26), 1295.00, '']);

Date.prototype.yyyymmdd = function() {
var yyyy = this.getFullYear().toString();
var mm = (this.getMonth()+1).toString();
var dd  = this.getDate().toString();
return yyyy + "." + (mm[1]?mm:"0"+mm[0]) + "." + (dd[1]?dd:"0"+dd[0]);
}

function gd(year, month, day) {
return new Date(year, month - 1, day);
}

function eur_prefix(val, axis){
val = parseFloat(val);
return parseFloat(val.toFixed(2)) + " €"
}

eur_prefix = function(val, axis){
val = parseFloat(val);
return parseFloat(val.toFixed(2)) + " €"
}

var plot = $.plot("#flotchart", [
{ data: avg, label: "средняя цена", points: { symbol: "circle", fillColor: "#767773"}},
{ data: min, label: "минимальная цена", points: { symbol: "circle", fillColor: "#65a422"}}
], {
colors: ["#767773", "#65a422"],
series: {
lines: {
show: true
},
points: {
show: true,
fill: true,
lineWidth: 3
}
},
grid: {
hoverable: true,
clickable: false,
borderWidth: {
top: 0.1,
right: 0.1,
left: 1,
bottom: 1
},
},
yaxis: {
min: 1154,
max: 1426,
tickFormatter: eur_prefix
}
,
xaxis: {
mode: "time",
minTickSize: [4, "day"],
timeformat:"%Y.%m.%d"
}
});

$("<div id='tooltip'></div>").css({
position: "absolute",
display: "none",
border: "1px solid #65a422",
padding: "3px",
"background-color": "#efefef",
opacity: 0.80
}).appendTo("body");

$("#flotchart").bind("plothover", function (event, pos, item) {
if (item) {
var x = item.datapoint[0],
y = eur_prefix(item.datapoint[1].toFixed(2));

$("#tooltip").html(new Date(x).yyyymmdd() + " " + item.series.label + " " + y + " " + item.series.data[item.dataIndex][2])
.css({top: item.pageY+5, left: item.pageX+5})
.fadeIn(200);
} else {
$("#tooltip").hide();
}
});
$("#flotgraph").show();
});