$(function() { var min = [], avg = []; min.push([gd(2022,08,24), 2649.00, '']); avg.push([gd(2022,08,24), 2649.00, '']); min.push([gd(2022,10,30), 2799.00, '']); avg.push([gd(2022,10,30), 3049.00, '']); min.push([gd(2023,01,05), 2873.30, '']); avg.push([gd(2023,01,05), 3086.15, '']); min.push([gd(2023,03,13), 2873.30, '']); avg.push([gd(2023,03,13), 3159.71, '']); min.push([gd(2023,05,19), 2649.00, '']); avg.push([gd(2023,05,19), 2947.76, '']); min.push([gd(2023,07,25), 2268.00, '']); avg.push([gd(2023,07,25), 2808.42, '']); min.push([gd(2023,09,30), 2554.68, '']); avg.push([gd(2023,09,30), 2839.01, '']); min.push([gd(2023,12,06), 1956.00, '']); avg.push([gd(2023,12,06), 2332.51, '']); min.push([gd(2024,02,11), 1843.28, '']); avg.push([gd(2024,02,11), 2145.96, '']); min.push([gd(2024,04,18), 1909.91, '']); avg.push([gd(2024,04,18), 2164.11, '']); min.push([gd(2024,06,24), 1909.90, '']); avg.push([gd(2024,06,24), 2159.33, '']); min.push([gd(2024,08,30), 1838.78, '']); avg.push([gd(2024,08,30), 2114.80, '']); min.push([gd(2024,11,05), 1669.00, '']); avg.push([gd(2024,11,05), 2105.94, '']); min.push([gd(2025,01,11), 1585.00, '']); avg.push([gd(2025,01,11), 2077.02, '']); min.push([gd(2025,03,19), 1585.00, '']); avg.push([gd(2025,03,19), 2123.26, '']); min.push([gd(2025,05,25), 1585.00, '']); avg.push([gd(2025,05,25), 2121.91, '']); min.push([gd(2025,07,31), 1.00, '']); avg.push([gd(2025,07,31), 2057.44, '']); min.push([gd(2025,10,06), 1.00, '']); avg.push([gd(2025,10,06), 2061.76, '']); min.push([gd(2025,12,12), 1.00, '']); avg.push([gd(2025,12,12), 2089.78, '']); min.push([gd(2026,02,17), 2220.55, '']); avg.push([gd(2026,02,17), 2445.01, '']); min.push([gd(2026,04,25), 2281.20, '']); avg.push([gd(2026,04,25), 2663.24, '']); 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: 0, max: 3476, tickFormatter: eur_prefix } , xaxis: { mode: "time", minTickSize: [4, "day"], timeformat:"%Y.%m.%d" } }); $("
").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(); });