login
<!-- Styles -->
<style>
#chartdivtraffic-0 {
  width: 100%;
  height: 500px;
}
</style>
<script src="/statistics/amCharts/amcharts4/core.js"></script>
<script src="/statistics/amCharts/amcharts4/charts.js"></script>
<script src="/statistics/amCharts/amcharts4/themes/animated.js"></script>  
<!-- Chart code -->
<script>
am4core.ready(function() {

// Themes begin
am4core.useTheme(am4themes_animated);
// Themes end

// Create chart instance
var chart = am4core.create("chartdivtraffic-0", am4charts.XYChart);
//chart.dateFormatter.dateFormat = "yyyy-MM-dd H:m:s";

// Export
chart.exporting.menu = new am4core.ExportMenu();
chart.exporting.filePrefix = "time-to2024-04-25 12:09";
chart.exporting.menu.align = "left";
chart.exporting.menu.verticalAlign = "bottom";
chart.exporting.menu.items = [
  {
    "label": "<i class='fa fa-print'></i> Export",
    "menu": [
      {
        "label": "Image",
        "menu": [
          { "type": "png", "label": "PNG" },
          { "type": "jpg", "label": "JPG" },
          { "type": "svg", "label": "SVG" },
//          { "type": "pdf", "label": "PDF" }
        ]
      }, {
        "label": "Data",
        "menu": [
          { "type": "csv", "label": "CSV" },
//          { "type": "xlsx", "label": "XLSX" },
          { "type": "html", "label": "HTML" },
          { "type": "json", "label": "JSON" },          
//          { "type": "pdfdata", "label": "PDF" }
        ]
      }, {
        "label": "Print", "type": "print"
      }
    ]
  }
];

var data = [ 
    {
    "hour": "2024-04-25 10:10:02",
    "traffic": "6618",
    "buffer": "2514",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:11:02",
    "traffic": "6858",
    "buffer": "2660",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:12:02",
    "traffic": "8163",
    "buffer": "3106",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:13:01",
    "traffic": "9351",
    "buffer": "3540",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:14:02",
    "traffic": "7056",
    "buffer": "2686",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:15:01",
    "traffic": "6936",
    "buffer": "2625",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:16:02",
    "traffic": "5886",
    "buffer": "2388",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:17:02",
    "traffic": "6441",
    "buffer": "2434",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:18:02",
    "traffic": "6870",
    "buffer": "2617",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:19:02",
    "traffic": "6585",
    "buffer": "2557",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:20:02",
    "traffic": "6210",
    "buffer": "2332",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:21:02",
    "traffic": "6681",
    "buffer": "2552",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:22:03",
    "traffic": "5349",
    "buffer": "2053",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:23:02",
    "traffic": "7104",
    "buffer": "2627",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:24:02",
    "traffic": "8532",
    "buffer": "3239",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:25:02",
    "traffic": "7848",
    "buffer": "2982",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:26:02",
    "traffic": "6144",
    "buffer": "2377",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:27:01",
    "traffic": "6552",
    "buffer": "2397",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:28:02",
    "traffic": "7275",
    "buffer": "2737",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:29:01",
    "traffic": "7758",
    "buffer": "2927",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:30:02",
    "traffic": "5865",
    "buffer": "2341",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:31:01",
    "traffic": "5685",
    "buffer": "2157",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:32:02",
    "traffic": "6819",
    "buffer": "2601",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:33:02",
    "traffic": "4950",
    "buffer": "2009",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:34:01",
    "traffic": "6036",
    "buffer": "2306",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:35:02",
    "traffic": "6228",
    "buffer": "2472",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:36:02",
    "traffic": "6033",
    "buffer": "2305",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:37:02",
    "traffic": "5490",
    "buffer": "2216",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:38:02",
    "traffic": "5976",
    "buffer": "2236",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:39:02",
    "traffic": "6531",
    "buffer": "2416",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:40:02",
    "traffic": "6624",
    "buffer": "2474",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:41:02",
    "traffic": "6882",
    "buffer": "2738",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:42:02",
    "traffic": "5952",
    "buffer": "2374",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:43:02",
    "traffic": "6522",
    "buffer": "2504",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:44:02",
    "traffic": "6276",
    "buffer": "2401",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:45:02",
    "traffic": "6741",
    "buffer": "2595",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:46:02",
    "traffic": "5820",
    "buffer": "2229",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:47:02",
    "traffic": "6087",
    "buffer": "2319",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:48:02",
    "traffic": "6135",
    "buffer": "2319",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:49:02",
    "traffic": "5868",
    "buffer": "2177",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:50:02",
    "traffic": "6300",
    "buffer": "2437",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:51:02",
    "traffic": "6348",
    "buffer": "2509",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:52:02",
    "traffic": "5418",
    "buffer": "2175",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:53:01",
    "traffic": "6324",
    "buffer": "2327",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:54:02",
    "traffic": "6489",
    "buffer": "2437",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:55:02",
    "traffic": "5517",
    "buffer": "2177",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:56:02",
    "traffic": "5745",
    "buffer": "2134",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:57:01",
    "traffic": "5760",
    "buffer": "2318",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:58:03",
    "traffic": "4365",
    "buffer": "1661",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:59:02",
    "traffic": "5889",
    "buffer": "2152",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:00:02",
    "traffic": "6837",
    "buffer": "2661",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:01:02",
    "traffic": "5967",
    "buffer": "2310",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:02:02",
    "traffic": "5625",
    "buffer": "2138",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:03:02",
    "traffic": "5697",
    "buffer": "2190",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:04:02",
    "traffic": "5484",
    "buffer": "2106",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:05:02",
    "traffic": "4638",
    "buffer": "1855",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:06:02",
    "traffic": "4473",
    "buffer": "1702",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:07:02",
    "traffic": "6159",
    "buffer": "2251",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:08:01",
    "traffic": "6150",
    "buffer": "2385",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:09:01",
    "traffic": "5970",
    "buffer": "2277",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:10:02",
    "traffic": "6597",
    "buffer": "2544",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:11:02",
    "traffic": "6714",
    "buffer": "2562",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:12:02",
    "traffic": "6228",
    "buffer": "2409",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:13:02",
    "traffic": "7014",
    "buffer": "2744",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:14:02",
    "traffic": "5499",
    "buffer": "2137",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:15:02",
    "traffic": "5562",
    "buffer": "2155",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:16:01",
    "traffic": "5982",
    "buffer": "2141",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:17:02",
    "traffic": "5568",
    "buffer": "2176",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:18:03",
    "traffic": "5508",
    "buffer": "2061",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:19:01",
    "traffic": "5733",
    "buffer": "2173",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:20:01",
    "traffic": "6354",
    "buffer": "2415",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:21:02",
    "traffic": "5100",
    "buffer": "1952",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:22:02",
    "traffic": "6174",
    "buffer": "2269",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:23:02",
    "traffic": "6678",
    "buffer": "2508",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:24:02",
    "traffic": "4869",
    "buffer": "1968",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:25:02",
    "traffic": "6315",
    "buffer": "2291",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:26:02",
    "traffic": "5856",
    "buffer": "2261",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:27:03",
    "traffic": "4743",
    "buffer": "1939",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:28:02",
    "traffic": "5544",
    "buffer": "2116",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:29:02",
    "traffic": "4959",
    "buffer": "1897",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:30:01",
    "traffic": "5631",
    "buffer": "2097",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:31:01",
    "traffic": "5394",
    "buffer": "2104",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:32:02",
    "traffic": "6429",
    "buffer": "2384",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:33:02",
    "traffic": "5646",
    "buffer": "2237",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:34:02",
    "traffic": "5688",
    "buffer": "2161",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:35:02",
    "traffic": "4908",
    "buffer": "1809",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:36:02",
    "traffic": "5484",
    "buffer": "2003",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:37:02",
    "traffic": "6231",
    "buffer": "2378",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:38:01",
    "traffic": "6555",
    "buffer": "2579",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:39:02",
    "traffic": "5790",
    "buffer": "2245",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:40:02",
    "traffic": "6255",
    "buffer": "2256",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:41:02",
    "traffic": "5799",
    "buffer": "2107",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:42:02",
    "traffic": "4512",
    "buffer": "1919",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:43:02",
    "traffic": "5844",
    "buffer": "2136",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:44:01",
    "traffic": "5847",
    "buffer": "2219",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:45:01",
    "traffic": "6717",
    "buffer": "2503",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:46:02",
    "traffic": "5961",
    "buffer": "2303",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:47:01",
    "traffic": "6312",
    "buffer": "2476",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:48:01",
    "traffic": "6030",
    "buffer": "2387",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:49:02",
    "traffic": "5601",
    "buffer": "2171",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:50:02",
    "traffic": "5955",
    "buffer": "2226",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:51:02",
    "traffic": "4869",
    "buffer": "1823",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:52:02",
    "traffic": "5781",
    "buffer": "2242",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:53:02",
    "traffic": "5880",
    "buffer": "2201",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:54:02",
    "traffic": "5352",
    "buffer": "2139",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:55:02",
    "traffic": "6024",
    "buffer": "2247",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:56:02",
    "traffic": "5757",
    "buffer": "2247",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:57:02",
    "traffic": "5631",
    "buffer": "2157",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:58:02",
    "traffic": "5607",
    "buffer": "2135",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:59:02",
    "traffic": "5850",
    "buffer": "2302",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:00:01",
    "traffic": "6156",
    "buffer": "2220",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:01:01",
    "traffic": "6636",
    "buffer": "2658",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:02:02",
    "traffic": "7248",
    "buffer": "2650",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:03:03",
    "traffic": "6972",
    "buffer": "2781",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:04:02",
    "traffic": "5532",
    "buffer": "2150",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:05:01",
    "traffic": "6381",
    "buffer": "2376",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:06:02",
    "traffic": "6654",
    "buffer": "2470",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:07:02",
    "traffic": "5841",
    "buffer": "2221",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:08:02",
    "traffic": "5913",
    "buffer": "2198",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:09:02",
    "traffic": "5991",
    "buffer": "2326",
    "postponed": "0",
    "status": "1"
    }
     ];
var segmentation = 'hours';
var postConfigId = 'Traffic';
var timeoutHideSeries = 7000;
var timeoutDefaultSeries = 1500;

var dataLenght = Object.keys(data).length;
console.log('dataLenght:'+dataLenght);
if(postConfigId!=''){
    if(dataLenght==0){
        alert('Oops! You ran out of oxygen.\n\nThe chart for this filter setting have zero results.');
    }
}




var dateL = '<tr><td colspan="3" style="border-bottom:2px solid black">'
                +'<span style="color:black; font-size:18px">{categoryX}</span>'
           +'</td></tr>';
var lomitkoL = '[#000 font-size: 4px]\n ____________________ ____________________ ____________________ ____________________\n\n[/]';

var trafficL = '';
//trafficL = '\n[#000]Traffic: [/][#f6f9ff]BAC[/][bold #ae00da font-size: 18px]{traffic}[/]';
trafficL = '<tr><td>'
            +'<i class="fa-bar-chart fa" style="color:#002bff"></i>'
            +'</td><td>'
            +'<span style="color:#000">Traffic: </span>'
            +'</td><td>'
            +'<span style="color:#002bff; font-size:18px">{traffic}</span>'
           +'</td></tr>';    

var bufferL = '';
bufferL = '<tr><td>'
            +'<i class="fa-bar-chart fa" style="color:#a7a7a7"></i>'
            +'</td><td>'
            +'<span style="color:#000">Buffer: </span>'
            +'</td><td>'
            +'<span style="color:#a7a7a7; font-size:18px">{buffer}</span>'
           +'</td></tr>'; 
   
var postponedL = '';
postponedL = '<tr><td>'
            +'<i class="fa-bar-chart fa" style="color:#ffa722"></i>'
            +'</td><td>'
            +'<span style="color:#000">Postponed: </span>'
            +'</td><td>'
            +'<span style="color:#ffa722; font-size:18px">{postponed}</span>'
           +'</td></tr>'; 

var statusL = '';
//statusL = '\n[#000]Status: [/][bold #002bff font-size: 18px]{status}[/]';
statusL = '<tr><td>'
            +'<i class="fa-bar-chart fa" style="color:#f70000"></i>'
            +'</td><td>'
            +'<span style="color:#000">Status: </span>'
            +'</td><td>'
            +'<span style="color:#f70000; font-size:18px">{status}</span>'
           +'</td></tr>';     



var htmlTooltipString =  ''            
                        +'<table>'
                                + dateL + trafficL + bufferL + postponedL + statusL
                        +'</table>';
                
var popiskTooltipText = 'empty';

//var data = [];

// Data for both series
//var data = [ {
//  "year": "2009",
//  "income": 23.5,
//  "expenses": 21.1
//}, {
//  "year": "2014",
//  "income": 34.1,
//  "expenses": 32.9,
//  "strokeWidth": 1,
//  "columnDash": "5,5",
//  "fillOpacity": 0.2,
//  "additional": "(projection)"
//} ];

/* Create axes */ //new am4charts.DateAxis()
var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis());
categoryAxis.dataFields.category = "hour";
categoryAxis.renderer.labels.template.rotation = 0;
categoryAxis.renderer.labels.template.hideOversized = true;
categoryAxis.renderer.minGridDistance = 10;

    var povolene = [];
    var skokDate = Math.round(dataLenght/10)+1; 
    var pocitadlo = 1;
    var cikcak = ''; var cik = ''; var cak = '';
    console.log('dataLenght: '+dataLenght);        
    console.log('skokDate: '+skokDate);
    for (i = 0; i <= dataLenght; i++) {
        pocitadlo = pocitadlo + skokDate;
        if(pocitadlo < (dataLenght+10)){
            console.log('povolene: '+pocitadlo);        
            povolene.push(pocitadlo);
        }
    }
    pocitadlo = pocitadlo+skokDate;
    povolene.push(pocitadlo);
    pocitadlo = pocitadlo+skokDate;
    povolene.push(pocitadlo);
console.log('povolene^');
console.log(povolene);
pocitadlo = 1;
var pocitadloDatumy = 0;
//if(segmentation == 'hours'){
    categoryAxis.renderer.labels.template.adapter.add("textOutput", function(text) {
        pocitadlo++;
        
        if(povolene.indexOf((pocitadlo)) !== -1){ 
            console.log('import: '+pocitadlo);
            console.log('pocitadloDatumy: '+pocitadloDatumy);
            if(cikcak==''){cik = '[bold]'; cak = '[/]'; cikcak='bold'}else{cik = '[#828282]'; cak = '[/]'; cikcak=''}
            if((pocitadloDatumy % 1) == 0){
                pocitadloDatumy++;
//                cik = '[bold]'; cak = '[/]'; cikcak='bold';
                return text.replace(/([\d]{4})\-([\d]{2})\-([\d]{2}) ([\d]{2}):([\d]{2})(:[\d]{2})/, cik+"$4:$5"+cak);
            }else{
                pocitadloDatumy++;
//                cik = '[#828282]'; cak = '[/]'; cikcak=''
                return text.replace(/([\d]{4})\-([\d]{2})\-([\d]{2}) ([\d]{2}):([\d]{2})(:[\d]{2})/, cik+":$5"+cak);
            }
        }else{
            return "[#fff font-size:6px]`[/]";
        }       
    });
//}else{
//    categoryAxis.renderer.labels.template.adapter.add("textOutput", function(text) {
//        pocitadlo++;
//        if(povolene.indexOf((pocitadlo)) !== -1){ 
//            console.log('import: '+pocitadlo);
//            if(dataLenght<9){
//                return text.replace(/([\d]{4})\-([\d]{2})\-([\d]{2})/, "$3.$2 $1");
//            }else{
//                if(cikcak==''){
//                    cik = '[bold font-size:12px]'; cak = '[/]'; 
//                    cikcak='bold';
//                }else{
//                    cik = '[#828282 font-size:12px]'; cak = '[/]';
//                    cikcak='';
//                }                
//                return text.replace(/([\d]{4})\-([\d]{2})\-([\d]{2})/, cik+"$3.$2."+cak+"\n [#fff]..[/][font-size:10px]$1[/]");
//            }
//        }else{
//            return "[#fff font-size:6px]`[/]";
//        }       
//    });    
//}

/* Create value axis */
//var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());


var countValueAxis = chart.yAxes.push(new am4charts.ValueAxis());
countValueAxis.renderer.opposite = false;
countValueAxis.strictMinMax = false;
countValueAxis.renderer.grid.template.disabled = true;
//countValueAxis.numberFormatter = new am4core.NumberFormatter();
//countValueAxis.numberFormatter.numberFormat = "[#001fb5]#[/]";
//countValueAxis.numberFormatter.numberFormat = "[#002bff]#\n[/][#002bff bold font-size: 10px]' transactions'[/]";
//countValueAxis.cursorTooltipEnabled = true;

var countAxis = 'empty';
var countClustered = 0;



if('traffic' == 'traffic'){
    var columnSeriesTraffic = chart.series.push(new am4charts.ColumnSeries());
    columnSeriesTraffic.name = "Traffic";
    columnSeriesTraffic.dataFields.valueY = "traffic";
    columnSeriesTraffic.dataFields.categoryX = "hour";
    columnSeriesTraffic.clustered = false;

    //columnSeriesTraffic.columns.template.tooltipText = "[#fff font-size: 15px]{name} in {categoryX}:\n[/][#fff font-size: 20px]{valueY}[/] [#fff]{additional}[/]"
    columnSeriesTraffic.columns.template.propertyFields.fillOpacity = "fillOpacity";
    columnSeriesTraffic.columns.template.propertyFields.stroke = "stroke";
    columnSeriesTraffic.columns.template.propertyFields.strokeWidth = "strokeWidth";
    columnSeriesTraffic.columns.template.propertyFields.strokeDasharray = "columnDash";
    columnSeriesTraffic.columns.template.width = am4core.percent(50);
//    columnSeriesTraffic.columns.template.fill = am4core.color("#002bff");    
    columnSeriesTraffic.columns.template.fill = am4core.color("#ffffff");
    
    if(countAxis == 'empty'){
        columnSeriesTraffic.yAxis = countValueAxis;
        countAxis = 'ready';
    } 
    if(countClustered > 0){
        columnSeriesTraffic.clustered = false;
    }else{
        countClustered++;
    }    
    
    if(popiskTooltipText == 'empty'){
//        columnSeriesTraffic.tooltipText = dateL + lomitkoL + requestL + trafficL + statusL 
//                                 + revenueL + eCPML + bidPriceL + winRateL + bidRateL;
        columnSeriesTraffic.tooltipHTML = htmlTooltipString;
        columnSeriesTraffic.tooltip.label.textAlign = "left";
        columnSeriesTraffic.tooltip.getFillFromObject = false;
        columnSeriesTraffic.tooltip.autoTextColor = false;
        columnSeriesTraffic.tooltip.background.fill = am4core.color("#fff");
        popiskTooltipText = 'ready';
    }  
     
}





var bufferValueAxis = chart.yAxes.push(new am4charts.ValueAxis());
bufferValueAxis.renderer.opposite = true;
bufferValueAxis.strictMinMax = false; 
bufferValueAxis.renderer.grid.template.disabled = true;
bufferValueAxis.numberFormatter = new am4core.NumberFormatter();
bufferValueAxis.numberFormatter.numberFormat = "[#a7a7a7]# \n[/][#ffa722 bold font-size: 10px]'Buffer & Postponed '[/]";
bufferValueAxis.cursorTooltipEnabled = false;

var statusAxis = 'empty';


if('buffer' == 'buffer'){
    
    var statusLineSeries = chart.series.push(new am4charts.LineSeries());
    statusLineSeries.name = "Buffer";
    statusLineSeries.dataFields.valueY = "buffer";
    statusLineSeries.dataFields.categoryX = "hour";

    statusLineSeries.stroke = am4core.color("#a7a7a7");
    statusLineSeries.strokeWidth = 2;
    statusLineSeries.propertyFields.strokeDasharray = "lineDash";

    var ecpmBullet = statusLineSeries.bullets.push(new am4charts.Bullet());
    ecpmBullet.fill = am4core.color("#f70000"); 
    var ecpmCircle = ecpmBullet.createChild(am4core.Circle);
    ecpmCircle.radius = 7;
    ecpmCircle.fill = am4core.color("#fff"); 
    ecpmCircle.fillOpacity = 0.1;
    ecpmCircle.strokeWidth = 3;    
    
    if(statusAxis == 'empty'){
        statusLineSeries.yAxis = bufferValueAxis;
        statusAxis == 'ready';
    }  
    if(popiskTooltipText == 'empty'){    
        statusLineSeries.tooltipHTML = htmlTooltipString;
        statusLineSeries.tooltip.label.textAlign = "left";
        statusLineSeries.tooltip.getFillFromObject = false;
        statusLineSeries.tooltip.autoTextColor = false;
        statusLineSeries.tooltip.background.fill = am4core.color("#fff");
        popiskTooltipText = 'ready';
    } 

}

if('postponed' == 'postponed'){
    
    var statusLineSeries = chart.series.push(new am4charts.LineSeries());
    statusLineSeries.name = "Postponed";
    statusLineSeries.dataFields.valueY = "postponed";
    statusLineSeries.dataFields.categoryX = "hour";

    statusLineSeries.stroke = am4core.color("#ffa722");
    statusLineSeries.strokeWidth = 2;
    statusLineSeries.propertyFields.strokeDasharray = "lineDash";

    var bidpriceBullet = statusLineSeries.bullets.push(new am4charts.Bullet());
    bidpriceBullet.fill = am4core.color("#ff8f3f"); 
    var bidpriceCircle = bidpriceBullet.createChild(am4core.Circle);
    bidpriceCircle.radius = 4;
    bidpriceCircle.fill = am4core.color("#a7a7a7");
    bidpriceCircle.strokeWidth = 3;   
    
    if(statusAxis == 'empty'){
        statusLineSeries.yAxis = bufferValueAxis;
        statusAxis == 'ready';
    }  
    if(popiskTooltipText == 'empty'){    
        statusLineSeries.tooltipHTML = htmlTooltipString;
        statusLineSeries.tooltip.label.textAlign = "left";
        statusLineSeries.tooltip.getFillFromObject = false;
        statusLineSeries.tooltip.autoTextColor = false;
        statusLineSeries.tooltip.background.fill = am4core.color("#fff");
        popiskTooltipText = 'ready';
    } 

}








if('status' != 'status'){
    
    var statusValueAxis = chart.yAxes.push(new am4charts.ValueAxis());
    statusValueAxis.renderer.opposite = true;
    statusValueAxis.strictMinMax = true;
    statusValueAxis.min = 0;
    statusValueAxis.max = 2; 
    statusValueAxis.renderer.grid.template.disabled = true;
    statusValueAxis.numberFormatter = new am4core.NumberFormatter();
    statusValueAxis.numberFormatter.numberFormat = "[#f70000]#% \n[/][#f70000 bold font-size: 10px]'status ready '[/]";
    statusValueAxis.cursorTooltipEnabled = false;

    var statusAxis = 'empty';

    
    var statusLineSeries = chart.series.push(new am4charts.LineSeries());
    statusLineSeries.name = "Status";
    statusLineSeries.dataFields.valueY = "status";
    statusLineSeries.dataFields.categoryX = "hour";

    statusLineSeries.stroke = am4core.color("#f70000");
    statusLineSeries.strokeWidth = 2;
    statusLineSeries.propertyFields.strokeDasharray = "lineDash";

    var statusBullet = statusLineSeries.bullets.push(new am4charts.Bullet());
    statusBullet.fill = am4core.color("#f70000"); // tooltips grab fill from parent by default
    //bullet.tooltipText = "[#fff font-size: 15px]{name} in {categoryX}:\n[/][#fff font-size: 20px]{valueY}[/] [#fff]{additional}[/]"
    var statusTriangle = statusBullet.createChild(am4core.Triangle);
    statusTriangle.horizontalCenter = "middle";
    statusTriangle.verticalCenter = "bottom";
    //statusTriangle.stroke = am4core.color("#000");
    statusTriangle.direction = "top";
    statusTriangle.width = 5;
    statusTriangle.height = 20;    
    
    if(statusAxis == 'empty'){
        statusLineSeries.yAxis = statusValueAxis;
        statusAxis == 'ready';
    }  
    if(popiskTooltipText == 'empty'){    
//        statusLineSeries.tooltipText = dateL + lomitkoL + requestL + auctionL + impressionsL 
//                                 + statusL + eCPML + bidPriceL + winRateL + bidRateL;
        statusLineSeries.tooltipHTML = htmlTooltipString;
        statusLineSeries.tooltip.label.textAlign = "left";
        statusLineSeries.tooltip.getFillFromObject = false;
        statusLineSeries.tooltip.autoTextColor = false;
        statusLineSeries.tooltip.background.fill = am4core.color("#fff");
        popiskTooltipText = 'ready';
    } 
    
    setTimeout(function(){
        //statusValueAxis.hide();
        //statusTriangle.hide();
        //statusBullet.hide();
        //statusLineSeries.hide();
    }, 1000)
    
    
//    var columnSeriesStatus = chart.series.push(new am4charts.ColumnSeries());
//    columnSeriesStatus.name = "Status";
//    columnSeriesStatus.dataFields.valueY = "status";
//    columnSeriesStatus.dataFields.categoryX = "hour";
//    columnSeriesStatus.clustered = false;
//
//    //columnSeriesStatus.columns.template.tooltipText = "[#fff font-size: 15px]{name} in {categoryX}:\n[/][#fff font-size: 20px]{valueY}[/] [#fff]{additional}[/]"
//    columnSeriesStatus.columns.template.propertyFields.fillOpacity = "fillOpacity";
//    columnSeriesStatus.columns.template.propertyFields.stroke = "stroke";
//    columnSeriesStatus.columns.template.propertyFields.strokeWidth = "strokeWidth";
//    columnSeriesStatus.columns.template.propertyFields.strokeDasharray = "columnDash";
//    columnSeriesStatus.columns.template.propertyFields.fill = am4core.color("#000");
//    columnSeriesStatus.columns.template.width = am4core.percent(40);
//    columnSeriesStatus.columns.template.fill = am4core.color("#002bff");     
    
//    if(statusAxis == 'empty'){
//        columnSeriesStatus.yAxis = statusValueAxis;
//        countAxis = 'ready';
//    } 
//    if(countClustered > 0){
//        columnSeriesStatus.clustered = false;
//    }else{
//        countClustered++;
//    }    
//    
//    if(popiskTooltipText == 'empty'){
////        columnSeriesStatus.tooltipText = dateL + lomitkoL + requestL + trafficL + statusL 
////                                 + revenueL + eCPML + bidPriceL + winRateL + bidRateL;
//        columnSeriesStatus.tooltipHTML = htmlTooltipString;
//        columnSeriesStatus.tooltip.label.textAlign = "left";
//        columnSeriesStatus.tooltip.getFillFromObject = false;
//        columnSeriesStatus.tooltip.autoTextColor = false;
//        columnSeriesStatus.tooltip.background.fill = am4core.color("#fff");
//        popiskTooltipText = 'ready';
//    } 
    
    //hide Y axis
    //https://www.amcharts.com/docs/v4/tutorials/auto-hide-value-axes/

}


chart.data = data;



/* Add legend */
chart.legend = new am4charts.Legend();


chart.cursor = new am4charts.XYCursor();
//chart.cursor.maxTooltipDistance = 5;
//chart.cursor.behavior = "panX";
chart.cursor.behavior = "zoomX";

chart.cursor.events.on("behaviorcanceled", function(ev) {
    console.log('behaviorcanceled >> zoomX');    
    chart.cursor.behavior = "zoomX";    
});

chart.cursor.events.on("zoomended", function(ev) {
    console.log('zoomended >>panX');
    chart.cursor.behavior = "panX";    
});

chart.cursor.events.on("behaviorcanceled", function(ev) {
    console.log('behaviorcanceled >> ??');   
});
chart.cursor.events.on("dragstop", function(ev) {
    console.log('dragstop >> ??');   
});

//chart.exporting.timeoutDelay = 5000;

//chart.cursor.lineX.disabled = true;
//chart.cursor.lineY.disabled = true;

/* Set up cursor behavior */
//chart.cursor.behavior = "selectX";
//chart.cursor.events.on("selectended", function(ev) {
//  var range = ev.target.xRange;
//  var axis = ev.target.chart.xAxes.getIndex(0);
//  var from = axis.getPositionLabel(axis.toAxisPosition(range.start));
//  var to = axis.getPositionLabel(axis.toAxisPosition(range.end));
//  alert("Selected from " + from + " to " + to);
//});



}); // end am4core.ready()
</script><h1 style="">DB block number 0</h1>
<span style="color:grey; display: block; margin-top: -20px; margin-bottom: 5px">
cesky-jazyk.cz + g.cz + www.jimeto.cz + www.tvojechvilka.cz + serialzone.cz + www.onlyu.cz + www.autanet.cz + www.banky.cz + filmyzadara.cz + www.kinotip2.cz + www.videobydleni.cz + www.nespechej.cz + filmyzadara.cz + www.fajntip.cz + www.fdb.cz + www.maminkam.cz + radia.cz + nasetema.cz + dumfinanci.cz</span>
<div id="chartdivtraffic-0"></div>






<!-- Styles -->
<style>
#chartdivtraffic-1 {
  width: 100%;
  height: 500px;
}
</style>
<!-- Chart code -->
<script>
am4core.ready(function() {

// Themes begin
am4core.useTheme(am4themes_animated);
// Themes end

// Create chart instance
var chart = am4core.create("chartdivtraffic-1", am4charts.XYChart);
//chart.dateFormatter.dateFormat = "yyyy-MM-dd H:m:s";

// Export
chart.exporting.menu = new am4core.ExportMenu();
chart.exporting.filePrefix = "time-to2024-04-25 12:09";
chart.exporting.menu.align = "left";
chart.exporting.menu.verticalAlign = "bottom";
chart.exporting.menu.items = [
  {
    "label": "<i class='fa fa-print'></i> Export",
    "menu": [
      {
        "label": "Image",
        "menu": [
          { "type": "png", "label": "PNG" },
          { "type": "jpg", "label": "JPG" },
          { "type": "svg", "label": "SVG" },
//          { "type": "pdf", "label": "PDF" }
        ]
      }, {
        "label": "Data",
        "menu": [
          { "type": "csv", "label": "CSV" },
//          { "type": "xlsx", "label": "XLSX" },
          { "type": "html", "label": "HTML" },
          { "type": "json", "label": "JSON" },          
//          { "type": "pdfdata", "label": "PDF" }
        ]
      }, {
        "label": "Print", "type": "print"
      }
    ]
  }
];

var data = [ 
    {
    "hour": "2024-04-25 10:10:01",
    "traffic": "255",
    "buffer": "93",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:11:02",
    "traffic": "72",
    "buffer": "32",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:12:02",
    "traffic": "132",
    "buffer": "52",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:13:02",
    "traffic": "42",
    "buffer": "22",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:14:02",
    "traffic": "153",
    "buffer": "59",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:15:01",
    "traffic": "132",
    "buffer": "52",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:16:01",
    "traffic": "189",
    "buffer": "71",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:17:02",
    "traffic": "201",
    "buffer": "75",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:18:02",
    "traffic": "189",
    "buffer": "71",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:19:01",
    "traffic": "63",
    "buffer": "29",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:20:02",
    "traffic": "303",
    "buffer": "109",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:21:02",
    "traffic": "234",
    "buffer": "86",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:22:02",
    "traffic": "105",
    "buffer": "43",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:23:02",
    "traffic": "126",
    "buffer": "50",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:24:02",
    "traffic": "111",
    "buffer": "45",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:25:02",
    "traffic": "39",
    "buffer": "21",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:26:02",
    "traffic": "261",
    "buffer": "95",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:27:01",
    "traffic": "228",
    "buffer": "84",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:28:01",
    "traffic": "183",
    "buffer": "69",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:29:02",
    "traffic": "120",
    "buffer": "48",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:30:02",
    "traffic": "117",
    "buffer": "47",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:31:01",
    "traffic": "234",
    "buffer": "86",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:32:02",
    "traffic": "342",
    "buffer": "122",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:33:02",
    "traffic": "75",
    "buffer": "33",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:34:01",
    "traffic": "165",
    "buffer": "63",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:35:01",
    "traffic": "42",
    "buffer": "22",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:36:01",
    "traffic": "114",
    "buffer": "46",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:37:02",
    "traffic": "99",
    "buffer": "41",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:38:02",
    "traffic": "54",
    "buffer": "26",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:39:02",
    "traffic": "72",
    "buffer": "32",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:40:01",
    "traffic": "126",
    "buffer": "50",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:41:02",
    "traffic": "123",
    "buffer": "49",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:42:02",
    "traffic": "27",
    "buffer": "17",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:43:01",
    "traffic": "141",
    "buffer": "55",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:44:02",
    "traffic": "207",
    "buffer": "77",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:45:01",
    "traffic": "129",
    "buffer": "51",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:46:01",
    "traffic": "135",
    "buffer": "53",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:47:02",
    "traffic": "105",
    "buffer": "43",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:48:02",
    "traffic": "63",
    "buffer": "29",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:49:02",
    "traffic": "180",
    "buffer": "68",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:50:02",
    "traffic": "81",
    "buffer": "35",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:51:02",
    "traffic": "81",
    "buffer": "35",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:52:02",
    "traffic": "150",
    "buffer": "58",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:53:02",
    "traffic": "420",
    "buffer": "148",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:54:02",
    "traffic": "195",
    "buffer": "73",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:55:01",
    "traffic": "81",
    "buffer": "35",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:56:02",
    "traffic": "78",
    "buffer": "34",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:57:02",
    "traffic": "126",
    "buffer": "50",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:58:03",
    "traffic": "132",
    "buffer": "52",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:59:02",
    "traffic": "222",
    "buffer": "82",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:00:02",
    "traffic": "231",
    "buffer": "85",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:01:02",
    "traffic": "111",
    "buffer": "45",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:02:02",
    "traffic": "15",
    "buffer": "13",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:03:02",
    "traffic": "102",
    "buffer": "42",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:04:01",
    "traffic": "201",
    "buffer": "75",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:05:02",
    "traffic": "240",
    "buffer": "88",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:06:02",
    "traffic": "165",
    "buffer": "63",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:07:02",
    "traffic": "291",
    "buffer": "105",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:08:02",
    "traffic": "183",
    "buffer": "69",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:09:02",
    "traffic": "252",
    "buffer": "92",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:10:01",
    "traffic": "78",
    "buffer": "34",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:11:02",
    "traffic": "132",
    "buffer": "52",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:12:02",
    "traffic": "183",
    "buffer": "69",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:13:02",
    "traffic": "168",
    "buffer": "64",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:14:02",
    "traffic": "117",
    "buffer": "47",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:15:02",
    "traffic": "105",
    "buffer": "43",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:16:02",
    "traffic": "246",
    "buffer": "90",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:17:02",
    "traffic": "141",
    "buffer": "55",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:18:02",
    "traffic": "144",
    "buffer": "56",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:19:02",
    "traffic": "207",
    "buffer": "77",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:20:02",
    "traffic": "174",
    "buffer": "66",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:21:02",
    "traffic": "168",
    "buffer": "64",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:22:02",
    "traffic": "153",
    "buffer": "59",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:23:01",
    "traffic": "99",
    "buffer": "41",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:24:02",
    "traffic": "75",
    "buffer": "33",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:25:02",
    "traffic": "93",
    "buffer": "39",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:26:02",
    "traffic": "78",
    "buffer": "34",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:27:02",
    "traffic": "63",
    "buffer": "30",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:28:02",
    "traffic": "183",
    "buffer": "69",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:29:02",
    "traffic": "180",
    "buffer": "68",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:30:02",
    "traffic": "201",
    "buffer": "75",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:31:01",
    "traffic": "195",
    "buffer": "73",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:32:02",
    "traffic": "165",
    "buffer": "63",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:33:01",
    "traffic": "141",
    "buffer": "55",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:34:01",
    "traffic": "105",
    "buffer": "43",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:35:02",
    "traffic": "99",
    "buffer": "41",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:36:01",
    "traffic": "81",
    "buffer": "35",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:37:02",
    "traffic": "72",
    "buffer": "32",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:38:01",
    "traffic": "81",
    "buffer": "35",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:39:02",
    "traffic": "54",
    "buffer": "26",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:40:02",
    "traffic": "87",
    "buffer": "37",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:41:01",
    "traffic": "198",
    "buffer": "74",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:42:02",
    "traffic": "96",
    "buffer": "40",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:43:02",
    "traffic": "72",
    "buffer": "32",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:44:01",
    "traffic": "102",
    "buffer": "42",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:45:01",
    "traffic": "105",
    "buffer": "43",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:46:02",
    "traffic": "96",
    "buffer": "40",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:47:01",
    "traffic": "63",
    "buffer": "29",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:48:01",
    "traffic": "180",
    "buffer": "68",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:49:02",
    "traffic": "84",
    "buffer": "36",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:50:01",
    "traffic": "165",
    "buffer": "63",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:51:02",
    "traffic": "186",
    "buffer": "70",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:52:02",
    "traffic": "171",
    "buffer": "65",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:53:01",
    "traffic": "54",
    "buffer": "26",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:54:02",
    "traffic": "159",
    "buffer": "61",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:55:02",
    "traffic": "120",
    "buffer": "48",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:56:01",
    "traffic": "174",
    "buffer": "66",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:57:02",
    "traffic": "186",
    "buffer": "70",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:58:02",
    "traffic": "123",
    "buffer": "49",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:59:02",
    "traffic": "153",
    "buffer": "59",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:00:01",
    "traffic": "156",
    "buffer": "60",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:01:02",
    "traffic": "132",
    "buffer": "52",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:02:02",
    "traffic": "279",
    "buffer": "101",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:03:02",
    "traffic": "150",
    "buffer": "58",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:04:02",
    "traffic": "51",
    "buffer": "25",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:05:02",
    "traffic": "60",
    "buffer": "28",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:06:02",
    "traffic": "60",
    "buffer": "28",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:07:02",
    "traffic": "111",
    "buffer": "45",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:08:02",
    "traffic": "120",
    "buffer": "48",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:09:01",
    "traffic": "120",
    "buffer": "48",
    "postponed": "0",
    "status": "1"
    }
     ];
var segmentation = 'hours';
var postConfigId = 'Traffic';
var timeoutHideSeries = 7000;
var timeoutDefaultSeries = 1500;

var dataLenght = Object.keys(data).length;
console.log('dataLenght:'+dataLenght);
if(postConfigId!=''){
    if(dataLenght==0){
        alert('Oops! You ran out of oxygen.\n\nThe chart for this filter setting have zero results.');
    }
}




var dateL = '<tr><td colspan="3" style="border-bottom:2px solid black">'
                +'<span style="color:black; font-size:18px">{categoryX}</span>'
           +'</td></tr>';
var lomitkoL = '[#000 font-size: 4px]\n ____________________ ____________________ ____________________ ____________________\n\n[/]';

var trafficL = '';
//trafficL = '\n[#000]Traffic: [/][#f6f9ff]BAC[/][bold #ae00da font-size: 18px]{traffic}[/]';
trafficL = '<tr><td>'
            +'<i class="fa-bar-chart fa" style="color:#002bff"></i>'
            +'</td><td>'
            +'<span style="color:#000">Traffic: </span>'
            +'</td><td>'
            +'<span style="color:#002bff; font-size:18px">{traffic}</span>'
           +'</td></tr>';    

var bufferL = '';
bufferL = '<tr><td>'
            +'<i class="fa-bar-chart fa" style="color:#a7a7a7"></i>'
            +'</td><td>'
            +'<span style="color:#000">Buffer: </span>'
            +'</td><td>'
            +'<span style="color:#a7a7a7; font-size:18px">{buffer}</span>'
           +'</td></tr>'; 
   
var postponedL = '';
postponedL = '<tr><td>'
            +'<i class="fa-bar-chart fa" style="color:#ffa722"></i>'
            +'</td><td>'
            +'<span style="color:#000">Postponed: </span>'
            +'</td><td>'
            +'<span style="color:#ffa722; font-size:18px">{postponed}</span>'
           +'</td></tr>'; 

var statusL = '';
//statusL = '\n[#000]Status: [/][bold #002bff font-size: 18px]{status}[/]';
statusL = '<tr><td>'
            +'<i class="fa-bar-chart fa" style="color:#f70000"></i>'
            +'</td><td>'
            +'<span style="color:#000">Status: </span>'
            +'</td><td>'
            +'<span style="color:#f70000; font-size:18px">{status}</span>'
           +'</td></tr>';     



var htmlTooltipString =  ''            
                        +'<table>'
                                + dateL + trafficL + bufferL + postponedL + statusL
                        +'</table>';
                
var popiskTooltipText = 'empty';

//var data = [];

// Data for both series
//var data = [ {
//  "year": "2009",
//  "income": 23.5,
//  "expenses": 21.1
//}, {
//  "year": "2014",
//  "income": 34.1,
//  "expenses": 32.9,
//  "strokeWidth": 1,
//  "columnDash": "5,5",
//  "fillOpacity": 0.2,
//  "additional": "(projection)"
//} ];

/* Create axes */ //new am4charts.DateAxis()
var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis());
categoryAxis.dataFields.category = "hour";
categoryAxis.renderer.labels.template.rotation = 0;
categoryAxis.renderer.labels.template.hideOversized = true;
categoryAxis.renderer.minGridDistance = 10;

    var povolene = [];
    var skokDate = Math.round(dataLenght/10)+1; 
    var pocitadlo = 1;
    var cikcak = ''; var cik = ''; var cak = '';
    console.log('dataLenght: '+dataLenght);        
    console.log('skokDate: '+skokDate);
    for (i = 0; i <= dataLenght; i++) {
        pocitadlo = pocitadlo + skokDate;
        if(pocitadlo < (dataLenght+10)){
            console.log('povolene: '+pocitadlo);        
            povolene.push(pocitadlo);
        }
    }
    pocitadlo = pocitadlo+skokDate;
    povolene.push(pocitadlo);
    pocitadlo = pocitadlo+skokDate;
    povolene.push(pocitadlo);
console.log('povolene^');
console.log(povolene);
pocitadlo = 1;
var pocitadloDatumy = 0;
//if(segmentation == 'hours'){
    categoryAxis.renderer.labels.template.adapter.add("textOutput", function(text) {
        pocitadlo++;
        
        if(povolene.indexOf((pocitadlo)) !== -1){ 
            console.log('import: '+pocitadlo);
            console.log('pocitadloDatumy: '+pocitadloDatumy);
            if(cikcak==''){cik = '[bold]'; cak = '[/]'; cikcak='bold'}else{cik = '[#828282]'; cak = '[/]'; cikcak=''}
            if((pocitadloDatumy % 1) == 0){
                pocitadloDatumy++;
//                cik = '[bold]'; cak = '[/]'; cikcak='bold';
                return text.replace(/([\d]{4})\-([\d]{2})\-([\d]{2}) ([\d]{2}):([\d]{2})(:[\d]{2})/, cik+"$4:$5"+cak);
            }else{
                pocitadloDatumy++;
//                cik = '[#828282]'; cak = '[/]'; cikcak=''
                return text.replace(/([\d]{4})\-([\d]{2})\-([\d]{2}) ([\d]{2}):([\d]{2})(:[\d]{2})/, cik+":$5"+cak);
            }
        }else{
            return "[#fff font-size:6px]`[/]";
        }       
    });
//}else{
//    categoryAxis.renderer.labels.template.adapter.add("textOutput", function(text) {
//        pocitadlo++;
//        if(povolene.indexOf((pocitadlo)) !== -1){ 
//            console.log('import: '+pocitadlo);
//            if(dataLenght<9){
//                return text.replace(/([\d]{4})\-([\d]{2})\-([\d]{2})/, "$3.$2 $1");
//            }else{
//                if(cikcak==''){
//                    cik = '[bold font-size:12px]'; cak = '[/]'; 
//                    cikcak='bold';
//                }else{
//                    cik = '[#828282 font-size:12px]'; cak = '[/]';
//                    cikcak='';
//                }                
//                return text.replace(/([\d]{4})\-([\d]{2})\-([\d]{2})/, cik+"$3.$2."+cak+"\n [#fff]..[/][font-size:10px]$1[/]");
//            }
//        }else{
//            return "[#fff font-size:6px]`[/]";
//        }       
//    });    
//}

/* Create value axis */
//var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());


var countValueAxis = chart.yAxes.push(new am4charts.ValueAxis());
countValueAxis.renderer.opposite = false;
countValueAxis.strictMinMax = false;
countValueAxis.renderer.grid.template.disabled = true;
//countValueAxis.numberFormatter = new am4core.NumberFormatter();
//countValueAxis.numberFormatter.numberFormat = "[#001fb5]#[/]";
//countValueAxis.numberFormatter.numberFormat = "[#002bff]#\n[/][#002bff bold font-size: 10px]' transactions'[/]";
//countValueAxis.cursorTooltipEnabled = true;

var countAxis = 'empty';
var countClustered = 0;



if('traffic' == 'traffic'){
    var columnSeriesTraffic = chart.series.push(new am4charts.ColumnSeries());
    columnSeriesTraffic.name = "Traffic";
    columnSeriesTraffic.dataFields.valueY = "traffic";
    columnSeriesTraffic.dataFields.categoryX = "hour";
    columnSeriesTraffic.clustered = false;

    //columnSeriesTraffic.columns.template.tooltipText = "[#fff font-size: 15px]{name} in {categoryX}:\n[/][#fff font-size: 20px]{valueY}[/] [#fff]{additional}[/]"
    columnSeriesTraffic.columns.template.propertyFields.fillOpacity = "fillOpacity";
    columnSeriesTraffic.columns.template.propertyFields.stroke = "stroke";
    columnSeriesTraffic.columns.template.propertyFields.strokeWidth = "strokeWidth";
    columnSeriesTraffic.columns.template.propertyFields.strokeDasharray = "columnDash";
    columnSeriesTraffic.columns.template.width = am4core.percent(50);
//    columnSeriesTraffic.columns.template.fill = am4core.color("#002bff");    
    columnSeriesTraffic.columns.template.fill = am4core.color("#ffffff");
    
    if(countAxis == 'empty'){
        columnSeriesTraffic.yAxis = countValueAxis;
        countAxis = 'ready';
    } 
    if(countClustered > 0){
        columnSeriesTraffic.clustered = false;
    }else{
        countClustered++;
    }    
    
    if(popiskTooltipText == 'empty'){
//        columnSeriesTraffic.tooltipText = dateL + lomitkoL + requestL + trafficL + statusL 
//                                 + revenueL + eCPML + bidPriceL + winRateL + bidRateL;
        columnSeriesTraffic.tooltipHTML = htmlTooltipString;
        columnSeriesTraffic.tooltip.label.textAlign = "left";
        columnSeriesTraffic.tooltip.getFillFromObject = false;
        columnSeriesTraffic.tooltip.autoTextColor = false;
        columnSeriesTraffic.tooltip.background.fill = am4core.color("#fff");
        popiskTooltipText = 'ready';
    }  
     
}





var bufferValueAxis = chart.yAxes.push(new am4charts.ValueAxis());
bufferValueAxis.renderer.opposite = true;
bufferValueAxis.strictMinMax = false; 
bufferValueAxis.renderer.grid.template.disabled = true;
bufferValueAxis.numberFormatter = new am4core.NumberFormatter();
bufferValueAxis.numberFormatter.numberFormat = "[#a7a7a7]# \n[/][#ffa722 bold font-size: 10px]'Buffer & Postponed '[/]";
bufferValueAxis.cursorTooltipEnabled = false;

var statusAxis = 'empty';


if('buffer' == 'buffer'){
    
    var statusLineSeries = chart.series.push(new am4charts.LineSeries());
    statusLineSeries.name = "Buffer";
    statusLineSeries.dataFields.valueY = "buffer";
    statusLineSeries.dataFields.categoryX = "hour";

    statusLineSeries.stroke = am4core.color("#a7a7a7");
    statusLineSeries.strokeWidth = 2;
    statusLineSeries.propertyFields.strokeDasharray = "lineDash";

    var ecpmBullet = statusLineSeries.bullets.push(new am4charts.Bullet());
    ecpmBullet.fill = am4core.color("#f70000"); 
    var ecpmCircle = ecpmBullet.createChild(am4core.Circle);
    ecpmCircle.radius = 7;
    ecpmCircle.fill = am4core.color("#fff"); 
    ecpmCircle.fillOpacity = 0.1;
    ecpmCircle.strokeWidth = 3;    
    
    if(statusAxis == 'empty'){
        statusLineSeries.yAxis = bufferValueAxis;
        statusAxis == 'ready';
    }  
    if(popiskTooltipText == 'empty'){    
        statusLineSeries.tooltipHTML = htmlTooltipString;
        statusLineSeries.tooltip.label.textAlign = "left";
        statusLineSeries.tooltip.getFillFromObject = false;
        statusLineSeries.tooltip.autoTextColor = false;
        statusLineSeries.tooltip.background.fill = am4core.color("#fff");
        popiskTooltipText = 'ready';
    } 

}

if('postponed' == 'postponed'){
    
    var statusLineSeries = chart.series.push(new am4charts.LineSeries());
    statusLineSeries.name = "Postponed";
    statusLineSeries.dataFields.valueY = "postponed";
    statusLineSeries.dataFields.categoryX = "hour";

    statusLineSeries.stroke = am4core.color("#ffa722");
    statusLineSeries.strokeWidth = 2;
    statusLineSeries.propertyFields.strokeDasharray = "lineDash";

    var bidpriceBullet = statusLineSeries.bullets.push(new am4charts.Bullet());
    bidpriceBullet.fill = am4core.color("#ff8f3f"); 
    var bidpriceCircle = bidpriceBullet.createChild(am4core.Circle);
    bidpriceCircle.radius = 4;
    bidpriceCircle.fill = am4core.color("#a7a7a7");
    bidpriceCircle.strokeWidth = 3;   
    
    if(statusAxis == 'empty'){
        statusLineSeries.yAxis = bufferValueAxis;
        statusAxis == 'ready';
    }  
    if(popiskTooltipText == 'empty'){    
        statusLineSeries.tooltipHTML = htmlTooltipString;
        statusLineSeries.tooltip.label.textAlign = "left";
        statusLineSeries.tooltip.getFillFromObject = false;
        statusLineSeries.tooltip.autoTextColor = false;
        statusLineSeries.tooltip.background.fill = am4core.color("#fff");
        popiskTooltipText = 'ready';
    } 

}








if('status' != 'status'){
    
    var statusValueAxis = chart.yAxes.push(new am4charts.ValueAxis());
    statusValueAxis.renderer.opposite = true;
    statusValueAxis.strictMinMax = true;
    statusValueAxis.min = 0;
    statusValueAxis.max = 2; 
    statusValueAxis.renderer.grid.template.disabled = true;
    statusValueAxis.numberFormatter = new am4core.NumberFormatter();
    statusValueAxis.numberFormatter.numberFormat = "[#f70000]#% \n[/][#f70000 bold font-size: 10px]'status ready '[/]";
    statusValueAxis.cursorTooltipEnabled = false;

    var statusAxis = 'empty';

    
    var statusLineSeries = chart.series.push(new am4charts.LineSeries());
    statusLineSeries.name = "Status";
    statusLineSeries.dataFields.valueY = "status";
    statusLineSeries.dataFields.categoryX = "hour";

    statusLineSeries.stroke = am4core.color("#f70000");
    statusLineSeries.strokeWidth = 2;
    statusLineSeries.propertyFields.strokeDasharray = "lineDash";

    var statusBullet = statusLineSeries.bullets.push(new am4charts.Bullet());
    statusBullet.fill = am4core.color("#f70000"); // tooltips grab fill from parent by default
    //bullet.tooltipText = "[#fff font-size: 15px]{name} in {categoryX}:\n[/][#fff font-size: 20px]{valueY}[/] [#fff]{additional}[/]"
    var statusTriangle = statusBullet.createChild(am4core.Triangle);
    statusTriangle.horizontalCenter = "middle";
    statusTriangle.verticalCenter = "bottom";
    //statusTriangle.stroke = am4core.color("#000");
    statusTriangle.direction = "top";
    statusTriangle.width = 5;
    statusTriangle.height = 20;    
    
    if(statusAxis == 'empty'){
        statusLineSeries.yAxis = statusValueAxis;
        statusAxis == 'ready';
    }  
    if(popiskTooltipText == 'empty'){    
//        statusLineSeries.tooltipText = dateL + lomitkoL + requestL + auctionL + impressionsL 
//                                 + statusL + eCPML + bidPriceL + winRateL + bidRateL;
        statusLineSeries.tooltipHTML = htmlTooltipString;
        statusLineSeries.tooltip.label.textAlign = "left";
        statusLineSeries.tooltip.getFillFromObject = false;
        statusLineSeries.tooltip.autoTextColor = false;
        statusLineSeries.tooltip.background.fill = am4core.color("#fff");
        popiskTooltipText = 'ready';
    } 
    
    setTimeout(function(){
        //statusValueAxis.hide();
        //statusTriangle.hide();
        //statusBullet.hide();
        //statusLineSeries.hide();
    }, 1000)
    
    
//    var columnSeriesStatus = chart.series.push(new am4charts.ColumnSeries());
//    columnSeriesStatus.name = "Status";
//    columnSeriesStatus.dataFields.valueY = "status";
//    columnSeriesStatus.dataFields.categoryX = "hour";
//    columnSeriesStatus.clustered = false;
//
//    //columnSeriesStatus.columns.template.tooltipText = "[#fff font-size: 15px]{name} in {categoryX}:\n[/][#fff font-size: 20px]{valueY}[/] [#fff]{additional}[/]"
//    columnSeriesStatus.columns.template.propertyFields.fillOpacity = "fillOpacity";
//    columnSeriesStatus.columns.template.propertyFields.stroke = "stroke";
//    columnSeriesStatus.columns.template.propertyFields.strokeWidth = "strokeWidth";
//    columnSeriesStatus.columns.template.propertyFields.strokeDasharray = "columnDash";
//    columnSeriesStatus.columns.template.propertyFields.fill = am4core.color("#000");
//    columnSeriesStatus.columns.template.width = am4core.percent(40);
//    columnSeriesStatus.columns.template.fill = am4core.color("#002bff");     
    
//    if(statusAxis == 'empty'){
//        columnSeriesStatus.yAxis = statusValueAxis;
//        countAxis = 'ready';
//    } 
//    if(countClustered > 0){
//        columnSeriesStatus.clustered = false;
//    }else{
//        countClustered++;
//    }    
//    
//    if(popiskTooltipText == 'empty'){
////        columnSeriesStatus.tooltipText = dateL + lomitkoL + requestL + trafficL + statusL 
////                                 + revenueL + eCPML + bidPriceL + winRateL + bidRateL;
//        columnSeriesStatus.tooltipHTML = htmlTooltipString;
//        columnSeriesStatus.tooltip.label.textAlign = "left";
//        columnSeriesStatus.tooltip.getFillFromObject = false;
//        columnSeriesStatus.tooltip.autoTextColor = false;
//        columnSeriesStatus.tooltip.background.fill = am4core.color("#fff");
//        popiskTooltipText = 'ready';
//    } 
    
    //hide Y axis
    //https://www.amcharts.com/docs/v4/tutorials/auto-hide-value-axes/

}


chart.data = data;



/* Add legend */
chart.legend = new am4charts.Legend();


chart.cursor = new am4charts.XYCursor();
//chart.cursor.maxTooltipDistance = 5;
//chart.cursor.behavior = "panX";
chart.cursor.behavior = "zoomX";

chart.cursor.events.on("behaviorcanceled", function(ev) {
    console.log('behaviorcanceled >> zoomX');    
    chart.cursor.behavior = "zoomX";    
});

chart.cursor.events.on("zoomended", function(ev) {
    console.log('zoomended >>panX');
    chart.cursor.behavior = "panX";    
});

chart.cursor.events.on("behaviorcanceled", function(ev) {
    console.log('behaviorcanceled >> ??');   
});
chart.cursor.events.on("dragstop", function(ev) {
    console.log('dragstop >> ??');   
});

//chart.exporting.timeoutDelay = 5000;

//chart.cursor.lineX.disabled = true;
//chart.cursor.lineY.disabled = true;

/* Set up cursor behavior */
//chart.cursor.behavior = "selectX";
//chart.cursor.events.on("selectended", function(ev) {
//  var range = ev.target.xRange;
//  var axis = ev.target.chart.xAxes.getIndex(0);
//  var from = axis.getPositionLabel(axis.toAxisPosition(range.start));
//  var to = axis.getPositionLabel(axis.toAxisPosition(range.end));
//  alert("Selected from " + from + " to " + to);
//});



}); // end am4core.ready()
</script><h1 style="">DB block number 1</h1>
<span style="color:grey; display: block; margin-top: -20px; margin-bottom: 5px">
www.extra.cz + ireferaty.cz + www.extra.cz + www.extra.cz + www.extra.cz + netflixer.cz</span>
<div id="chartdivtraffic-1"></div>






<!-- Styles -->
<style>
#chartdivtraffic-2 {
  width: 100%;
  height: 500px;
}
</style>
<!-- Chart code -->
<script>
am4core.ready(function() {

// Themes begin
am4core.useTheme(am4themes_animated);
// Themes end

// Create chart instance
var chart = am4core.create("chartdivtraffic-2", am4charts.XYChart);
//chart.dateFormatter.dateFormat = "yyyy-MM-dd H:m:s";

// Export
chart.exporting.menu = new am4core.ExportMenu();
chart.exporting.filePrefix = "time-to2024-04-25 12:09";
chart.exporting.menu.align = "left";
chart.exporting.menu.verticalAlign = "bottom";
chart.exporting.menu.items = [
  {
    "label": "<i class='fa fa-print'></i> Export",
    "menu": [
      {
        "label": "Image",
        "menu": [
          { "type": "png", "label": "PNG" },
          { "type": "jpg", "label": "JPG" },
          { "type": "svg", "label": "SVG" },
//          { "type": "pdf", "label": "PDF" }
        ]
      }, {
        "label": "Data",
        "menu": [
          { "type": "csv", "label": "CSV" },
//          { "type": "xlsx", "label": "XLSX" },
          { "type": "html", "label": "HTML" },
          { "type": "json", "label": "JSON" },          
//          { "type": "pdfdata", "label": "PDF" }
        ]
      }, {
        "label": "Print", "type": "print"
      }
    ]
  }
];

var data = [ 
    {
    "hour": "2024-04-25 10:10:02",
    "traffic": "7569",
    "buffer": "2532",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:11:02",
    "traffic": "9768",
    "buffer": "3264",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:12:02",
    "traffic": "8499",
    "buffer": "2841",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:13:01",
    "traffic": "10497",
    "buffer": "3507",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:14:01",
    "traffic": "9408",
    "buffer": "3144",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:15:01",
    "traffic": "8637",
    "buffer": "2887",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:16:02",
    "traffic": "7395",
    "buffer": "2473",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:17:01",
    "traffic": "8937",
    "buffer": "2988",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:18:02",
    "traffic": "8598",
    "buffer": "2874",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:19:01",
    "traffic": "7983",
    "buffer": "2669",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:20:02",
    "traffic": "9417",
    "buffer": "3147",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:21:02",
    "traffic": "8451",
    "buffer": "2825",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:22:02",
    "traffic": "8679",
    "buffer": "2901",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:23:02",
    "traffic": "8655",
    "buffer": "2893",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:24:01",
    "traffic": "8940",
    "buffer": "2989",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:25:02",
    "traffic": "9195",
    "buffer": "3073",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:26:02",
    "traffic": "9159",
    "buffer": "3061",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:27:01",
    "traffic": "9501",
    "buffer": "3175",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:28:02",
    "traffic": "9072",
    "buffer": "3032",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:29:02",
    "traffic": "9519",
    "buffer": "3181",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:30:01",
    "traffic": "8181",
    "buffer": "2735",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:31:02",
    "traffic": "8745",
    "buffer": "2923",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:32:02",
    "traffic": "9762",
    "buffer": "3263",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:33:01",
    "traffic": "8574",
    "buffer": "2866",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:34:01",
    "traffic": "7308",
    "buffer": "2444",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:35:02",
    "traffic": "9699",
    "buffer": "3241",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:36:01",
    "traffic": "7320",
    "buffer": "2448",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:37:01",
    "traffic": "10206",
    "buffer": "3410",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:38:02",
    "traffic": "8013",
    "buffer": "2679",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:39:02",
    "traffic": "9237",
    "buffer": "3087",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:40:01",
    "traffic": "9477",
    "buffer": "3167",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:41:02",
    "traffic": "10170",
    "buffer": "3398",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:42:02",
    "traffic": "10215",
    "buffer": "3414",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:43:02",
    "traffic": "8502",
    "buffer": "2842",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:44:02",
    "traffic": "8646",
    "buffer": "2890",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:45:02",
    "traffic": "9411",
    "buffer": "3145",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:46:02",
    "traffic": "9357",
    "buffer": "3127",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:47:02",
    "traffic": "8289",
    "buffer": "2771",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:48:02",
    "traffic": "8148",
    "buffer": "2724",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:49:02",
    "traffic": "8385",
    "buffer": "2803",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:50:02",
    "traffic": "9534",
    "buffer": "3186",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:51:02",
    "traffic": "8706",
    "buffer": "2910",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:52:02",
    "traffic": "8628",
    "buffer": "2884",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:53:02",
    "traffic": "8109",
    "buffer": "2711",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:54:01",
    "traffic": "9591",
    "buffer": "3208",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:55:02",
    "traffic": "10896",
    "buffer": "3641",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:56:02",
    "traffic": "9126",
    "buffer": "3050",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:57:02",
    "traffic": "9780",
    "buffer": "3268",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:58:02",
    "traffic": "10467",
    "buffer": "3497",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:59:02",
    "traffic": "11502",
    "buffer": "3843",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:00:03",
    "traffic": "9432",
    "buffer": "3152",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:01:02",
    "traffic": "8973",
    "buffer": "2999",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:02:02",
    "traffic": "9480",
    "buffer": "3168",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:03:02",
    "traffic": "9312",
    "buffer": "3112",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:04:02",
    "traffic": "10665",
    "buffer": "3563",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:05:02",
    "traffic": "9954",
    "buffer": "3326",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:06:02",
    "traffic": "8586",
    "buffer": "2870",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:07:01",
    "traffic": "9477",
    "buffer": "3167",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:08:01",
    "traffic": "7983",
    "buffer": "2669",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:09:02",
    "traffic": "8991",
    "buffer": "3005",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:10:01",
    "traffic": "8931",
    "buffer": "2985",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:11:02",
    "traffic": "8670",
    "buffer": "2898",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:12:02",
    "traffic": "11196",
    "buffer": "3740",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:13:02",
    "traffic": "9657",
    "buffer": "3227",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:14:01",
    "traffic": "8442",
    "buffer": "2822",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:15:02",
    "traffic": "9165",
    "buffer": "3066",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:16:02",
    "traffic": "9537",
    "buffer": "3187",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:17:02",
    "traffic": "11001",
    "buffer": "3675",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:18:02",
    "traffic": "10518",
    "buffer": "3514",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:19:01",
    "traffic": "10563",
    "buffer": "3529",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:20:02",
    "traffic": "10671",
    "buffer": "3564",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:21:02",
    "traffic": "11004",
    "buffer": "3676",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:22:02",
    "traffic": "11265",
    "buffer": "3764",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:23:02",
    "traffic": "9546",
    "buffer": "3190",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:24:02",
    "traffic": "8604",
    "buffer": "2877",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:25:01",
    "traffic": "10698",
    "buffer": "3574",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:26:02",
    "traffic": "8424",
    "buffer": "2816",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:27:02",
    "traffic": "10215",
    "buffer": "3413",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:28:02",
    "traffic": "9993",
    "buffer": "3339",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:29:02",
    "traffic": "10776",
    "buffer": "3601",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:30:02",
    "traffic": "8997",
    "buffer": "3009",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:31:02",
    "traffic": "10596",
    "buffer": "3541",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:32:01",
    "traffic": "8265",
    "buffer": "2763",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:33:02",
    "traffic": "9987",
    "buffer": "3337",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:34:01",
    "traffic": "8907",
    "buffer": "2977",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:35:02",
    "traffic": "9813",
    "buffer": "3279",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:36:01",
    "traffic": "10197",
    "buffer": "3408",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:37:01",
    "traffic": "10134",
    "buffer": "3386",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:38:01",
    "traffic": "10125",
    "buffer": "3385",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:39:02",
    "traffic": "9705",
    "buffer": "3243",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:40:02",
    "traffic": "10047",
    "buffer": "3357",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:41:02",
    "traffic": "8973",
    "buffer": "3000",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:42:01",
    "traffic": "11097",
    "buffer": "3707",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:43:01",
    "traffic": "9795",
    "buffer": "3273",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:44:02",
    "traffic": "9084",
    "buffer": "3036",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:45:01",
    "traffic": "9030",
    "buffer": "3018",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:46:02",
    "traffic": "9528",
    "buffer": "3184",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:47:01",
    "traffic": "9591",
    "buffer": "3208",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:48:01",
    "traffic": "10638",
    "buffer": "3554",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:49:02",
    "traffic": "8418",
    "buffer": "2815",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:50:01",
    "traffic": "9090",
    "buffer": "3038",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:51:02",
    "traffic": "9426",
    "buffer": "3150",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:52:01",
    "traffic": "10527",
    "buffer": "3517",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:53:02",
    "traffic": "11646",
    "buffer": "3890",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:54:02",
    "traffic": "8784",
    "buffer": "2936",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:55:02",
    "traffic": "9627",
    "buffer": "3218",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:56:02",
    "traffic": "10320",
    "buffer": "3450",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:57:02",
    "traffic": "9561",
    "buffer": "3195",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:58:02",
    "traffic": "10881",
    "buffer": "3635",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:59:02",
    "traffic": "11394",
    "buffer": "3806",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:00:01",
    "traffic": "9573",
    "buffer": "3200",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:01:01",
    "traffic": "10683",
    "buffer": "3570",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:02:02",
    "traffic": "11571",
    "buffer": "3865",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:03:02",
    "traffic": "10428",
    "buffer": "3486",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:04:01",
    "traffic": "9315",
    "buffer": "3113",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:05:02",
    "traffic": "9153",
    "buffer": "3059",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:06:02",
    "traffic": "9633",
    "buffer": "3219",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:07:02",
    "traffic": "8868",
    "buffer": "2964",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:08:02",
    "traffic": "9348",
    "buffer": "3127",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:09:02",
    "traffic": "9438",
    "buffer": "3154",
    "postponed": "0",
    "status": "1"
    }
     ];
var segmentation = 'hours';
var postConfigId = 'Traffic';
var timeoutHideSeries = 7000;
var timeoutDefaultSeries = 1500;

var dataLenght = Object.keys(data).length;
console.log('dataLenght:'+dataLenght);
if(postConfigId!=''){
    if(dataLenght==0){
        alert('Oops! You ran out of oxygen.\n\nThe chart for this filter setting have zero results.');
    }
}




var dateL = '<tr><td colspan="3" style="border-bottom:2px solid black">'
                +'<span style="color:black; font-size:18px">{categoryX}</span>'
           +'</td></tr>';
var lomitkoL = '[#000 font-size: 4px]\n ____________________ ____________________ ____________________ ____________________\n\n[/]';

var trafficL = '';
//trafficL = '\n[#000]Traffic: [/][#f6f9ff]BAC[/][bold #ae00da font-size: 18px]{traffic}[/]';
trafficL = '<tr><td>'
            +'<i class="fa-bar-chart fa" style="color:#002bff"></i>'
            +'</td><td>'
            +'<span style="color:#000">Traffic: </span>'
            +'</td><td>'
            +'<span style="color:#002bff; font-size:18px">{traffic}</span>'
           +'</td></tr>';    

var bufferL = '';
bufferL = '<tr><td>'
            +'<i class="fa-bar-chart fa" style="color:#a7a7a7"></i>'
            +'</td><td>'
            +'<span style="color:#000">Buffer: </span>'
            +'</td><td>'
            +'<span style="color:#a7a7a7; font-size:18px">{buffer}</span>'
           +'</td></tr>'; 
   
var postponedL = '';
postponedL = '<tr><td>'
            +'<i class="fa-bar-chart fa" style="color:#ffa722"></i>'
            +'</td><td>'
            +'<span style="color:#000">Postponed: </span>'
            +'</td><td>'
            +'<span style="color:#ffa722; font-size:18px">{postponed}</span>'
           +'</td></tr>'; 

var statusL = '';
//statusL = '\n[#000]Status: [/][bold #002bff font-size: 18px]{status}[/]';
statusL = '<tr><td>'
            +'<i class="fa-bar-chart fa" style="color:#f70000"></i>'
            +'</td><td>'
            +'<span style="color:#000">Status: </span>'
            +'</td><td>'
            +'<span style="color:#f70000; font-size:18px">{status}</span>'
           +'</td></tr>';     



var htmlTooltipString =  ''            
                        +'<table>'
                                + dateL + trafficL + bufferL + postponedL + statusL
                        +'</table>';
                
var popiskTooltipText = 'empty';

//var data = [];

// Data for both series
//var data = [ {
//  "year": "2009",
//  "income": 23.5,
//  "expenses": 21.1
//}, {
//  "year": "2014",
//  "income": 34.1,
//  "expenses": 32.9,
//  "strokeWidth": 1,
//  "columnDash": "5,5",
//  "fillOpacity": 0.2,
//  "additional": "(projection)"
//} ];

/* Create axes */ //new am4charts.DateAxis()
var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis());
categoryAxis.dataFields.category = "hour";
categoryAxis.renderer.labels.template.rotation = 0;
categoryAxis.renderer.labels.template.hideOversized = true;
categoryAxis.renderer.minGridDistance = 10;

    var povolene = [];
    var skokDate = Math.round(dataLenght/10)+1; 
    var pocitadlo = 1;
    var cikcak = ''; var cik = ''; var cak = '';
    console.log('dataLenght: '+dataLenght);        
    console.log('skokDate: '+skokDate);
    for (i = 0; i <= dataLenght; i++) {
        pocitadlo = pocitadlo + skokDate;
        if(pocitadlo < (dataLenght+10)){
            console.log('povolene: '+pocitadlo);        
            povolene.push(pocitadlo);
        }
    }
    pocitadlo = pocitadlo+skokDate;
    povolene.push(pocitadlo);
    pocitadlo = pocitadlo+skokDate;
    povolene.push(pocitadlo);
console.log('povolene^');
console.log(povolene);
pocitadlo = 1;
var pocitadloDatumy = 0;
//if(segmentation == 'hours'){
    categoryAxis.renderer.labels.template.adapter.add("textOutput", function(text) {
        pocitadlo++;
        
        if(povolene.indexOf((pocitadlo)) !== -1){ 
            console.log('import: '+pocitadlo);
            console.log('pocitadloDatumy: '+pocitadloDatumy);
            if(cikcak==''){cik = '[bold]'; cak = '[/]'; cikcak='bold'}else{cik = '[#828282]'; cak = '[/]'; cikcak=''}
            if((pocitadloDatumy % 1) == 0){
                pocitadloDatumy++;
//                cik = '[bold]'; cak = '[/]'; cikcak='bold';
                return text.replace(/([\d]{4})\-([\d]{2})\-([\d]{2}) ([\d]{2}):([\d]{2})(:[\d]{2})/, cik+"$4:$5"+cak);
            }else{
                pocitadloDatumy++;
//                cik = '[#828282]'; cak = '[/]'; cikcak=''
                return text.replace(/([\d]{4})\-([\d]{2})\-([\d]{2}) ([\d]{2}):([\d]{2})(:[\d]{2})/, cik+":$5"+cak);
            }
        }else{
            return "[#fff font-size:6px]`[/]";
        }       
    });
//}else{
//    categoryAxis.renderer.labels.template.adapter.add("textOutput", function(text) {
//        pocitadlo++;
//        if(povolene.indexOf((pocitadlo)) !== -1){ 
//            console.log('import: '+pocitadlo);
//            if(dataLenght<9){
//                return text.replace(/([\d]{4})\-([\d]{2})\-([\d]{2})/, "$3.$2 $1");
//            }else{
//                if(cikcak==''){
//                    cik = '[bold font-size:12px]'; cak = '[/]'; 
//                    cikcak='bold';
//                }else{
//                    cik = '[#828282 font-size:12px]'; cak = '[/]';
//                    cikcak='';
//                }                
//                return text.replace(/([\d]{4})\-([\d]{2})\-([\d]{2})/, cik+"$3.$2."+cak+"\n [#fff]..[/][font-size:10px]$1[/]");
//            }
//        }else{
//            return "[#fff font-size:6px]`[/]";
//        }       
//    });    
//}

/* Create value axis */
//var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());


var countValueAxis = chart.yAxes.push(new am4charts.ValueAxis());
countValueAxis.renderer.opposite = false;
countValueAxis.strictMinMax = false;
countValueAxis.renderer.grid.template.disabled = true;
//countValueAxis.numberFormatter = new am4core.NumberFormatter();
//countValueAxis.numberFormatter.numberFormat = "[#001fb5]#[/]";
//countValueAxis.numberFormatter.numberFormat = "[#002bff]#\n[/][#002bff bold font-size: 10px]' transactions'[/]";
//countValueAxis.cursorTooltipEnabled = true;

var countAxis = 'empty';
var countClustered = 0;



if('traffic' == 'traffic'){
    var columnSeriesTraffic = chart.series.push(new am4charts.ColumnSeries());
    columnSeriesTraffic.name = "Traffic";
    columnSeriesTraffic.dataFields.valueY = "traffic";
    columnSeriesTraffic.dataFields.categoryX = "hour";
    columnSeriesTraffic.clustered = false;

    //columnSeriesTraffic.columns.template.tooltipText = "[#fff font-size: 15px]{name} in {categoryX}:\n[/][#fff font-size: 20px]{valueY}[/] [#fff]{additional}[/]"
    columnSeriesTraffic.columns.template.propertyFields.fillOpacity = "fillOpacity";
    columnSeriesTraffic.columns.template.propertyFields.stroke = "stroke";
    columnSeriesTraffic.columns.template.propertyFields.strokeWidth = "strokeWidth";
    columnSeriesTraffic.columns.template.propertyFields.strokeDasharray = "columnDash";
    columnSeriesTraffic.columns.template.width = am4core.percent(50);
//    columnSeriesTraffic.columns.template.fill = am4core.color("#002bff");    
    columnSeriesTraffic.columns.template.fill = am4core.color("#ffffff");
    
    if(countAxis == 'empty'){
        columnSeriesTraffic.yAxis = countValueAxis;
        countAxis = 'ready';
    } 
    if(countClustered > 0){
        columnSeriesTraffic.clustered = false;
    }else{
        countClustered++;
    }    
    
    if(popiskTooltipText == 'empty'){
//        columnSeriesTraffic.tooltipText = dateL + lomitkoL + requestL + trafficL + statusL 
//                                 + revenueL + eCPML + bidPriceL + winRateL + bidRateL;
        columnSeriesTraffic.tooltipHTML = htmlTooltipString;
        columnSeriesTraffic.tooltip.label.textAlign = "left";
        columnSeriesTraffic.tooltip.getFillFromObject = false;
        columnSeriesTraffic.tooltip.autoTextColor = false;
        columnSeriesTraffic.tooltip.background.fill = am4core.color("#fff");
        popiskTooltipText = 'ready';
    }  
     
}





var bufferValueAxis = chart.yAxes.push(new am4charts.ValueAxis());
bufferValueAxis.renderer.opposite = true;
bufferValueAxis.strictMinMax = false; 
bufferValueAxis.renderer.grid.template.disabled = true;
bufferValueAxis.numberFormatter = new am4core.NumberFormatter();
bufferValueAxis.numberFormatter.numberFormat = "[#a7a7a7]# \n[/][#ffa722 bold font-size: 10px]'Buffer & Postponed '[/]";
bufferValueAxis.cursorTooltipEnabled = false;

var statusAxis = 'empty';


if('buffer' == 'buffer'){
    
    var statusLineSeries = chart.series.push(new am4charts.LineSeries());
    statusLineSeries.name = "Buffer";
    statusLineSeries.dataFields.valueY = "buffer";
    statusLineSeries.dataFields.categoryX = "hour";

    statusLineSeries.stroke = am4core.color("#a7a7a7");
    statusLineSeries.strokeWidth = 2;
    statusLineSeries.propertyFields.strokeDasharray = "lineDash";

    var ecpmBullet = statusLineSeries.bullets.push(new am4charts.Bullet());
    ecpmBullet.fill = am4core.color("#f70000"); 
    var ecpmCircle = ecpmBullet.createChild(am4core.Circle);
    ecpmCircle.radius = 7;
    ecpmCircle.fill = am4core.color("#fff"); 
    ecpmCircle.fillOpacity = 0.1;
    ecpmCircle.strokeWidth = 3;    
    
    if(statusAxis == 'empty'){
        statusLineSeries.yAxis = bufferValueAxis;
        statusAxis == 'ready';
    }  
    if(popiskTooltipText == 'empty'){    
        statusLineSeries.tooltipHTML = htmlTooltipString;
        statusLineSeries.tooltip.label.textAlign = "left";
        statusLineSeries.tooltip.getFillFromObject = false;
        statusLineSeries.tooltip.autoTextColor = false;
        statusLineSeries.tooltip.background.fill = am4core.color("#fff");
        popiskTooltipText = 'ready';
    } 

}

if('postponed' == 'postponed'){
    
    var statusLineSeries = chart.series.push(new am4charts.LineSeries());
    statusLineSeries.name = "Postponed";
    statusLineSeries.dataFields.valueY = "postponed";
    statusLineSeries.dataFields.categoryX = "hour";

    statusLineSeries.stroke = am4core.color("#ffa722");
    statusLineSeries.strokeWidth = 2;
    statusLineSeries.propertyFields.strokeDasharray = "lineDash";

    var bidpriceBullet = statusLineSeries.bullets.push(new am4charts.Bullet());
    bidpriceBullet.fill = am4core.color("#ff8f3f"); 
    var bidpriceCircle = bidpriceBullet.createChild(am4core.Circle);
    bidpriceCircle.radius = 4;
    bidpriceCircle.fill = am4core.color("#a7a7a7");
    bidpriceCircle.strokeWidth = 3;   
    
    if(statusAxis == 'empty'){
        statusLineSeries.yAxis = bufferValueAxis;
        statusAxis == 'ready';
    }  
    if(popiskTooltipText == 'empty'){    
        statusLineSeries.tooltipHTML = htmlTooltipString;
        statusLineSeries.tooltip.label.textAlign = "left";
        statusLineSeries.tooltip.getFillFromObject = false;
        statusLineSeries.tooltip.autoTextColor = false;
        statusLineSeries.tooltip.background.fill = am4core.color("#fff");
        popiskTooltipText = 'ready';
    } 

}








if('status' != 'status'){
    
    var statusValueAxis = chart.yAxes.push(new am4charts.ValueAxis());
    statusValueAxis.renderer.opposite = true;
    statusValueAxis.strictMinMax = true;
    statusValueAxis.min = 0;
    statusValueAxis.max = 2; 
    statusValueAxis.renderer.grid.template.disabled = true;
    statusValueAxis.numberFormatter = new am4core.NumberFormatter();
    statusValueAxis.numberFormatter.numberFormat = "[#f70000]#% \n[/][#f70000 bold font-size: 10px]'status ready '[/]";
    statusValueAxis.cursorTooltipEnabled = false;

    var statusAxis = 'empty';

    
    var statusLineSeries = chart.series.push(new am4charts.LineSeries());
    statusLineSeries.name = "Status";
    statusLineSeries.dataFields.valueY = "status";
    statusLineSeries.dataFields.categoryX = "hour";

    statusLineSeries.stroke = am4core.color("#f70000");
    statusLineSeries.strokeWidth = 2;
    statusLineSeries.propertyFields.strokeDasharray = "lineDash";

    var statusBullet = statusLineSeries.bullets.push(new am4charts.Bullet());
    statusBullet.fill = am4core.color("#f70000"); // tooltips grab fill from parent by default
    //bullet.tooltipText = "[#fff font-size: 15px]{name} in {categoryX}:\n[/][#fff font-size: 20px]{valueY}[/] [#fff]{additional}[/]"
    var statusTriangle = statusBullet.createChild(am4core.Triangle);
    statusTriangle.horizontalCenter = "middle";
    statusTriangle.verticalCenter = "bottom";
    //statusTriangle.stroke = am4core.color("#000");
    statusTriangle.direction = "top";
    statusTriangle.width = 5;
    statusTriangle.height = 20;    
    
    if(statusAxis == 'empty'){
        statusLineSeries.yAxis = statusValueAxis;
        statusAxis == 'ready';
    }  
    if(popiskTooltipText == 'empty'){    
//        statusLineSeries.tooltipText = dateL + lomitkoL + requestL + auctionL + impressionsL 
//                                 + statusL + eCPML + bidPriceL + winRateL + bidRateL;
        statusLineSeries.tooltipHTML = htmlTooltipString;
        statusLineSeries.tooltip.label.textAlign = "left";
        statusLineSeries.tooltip.getFillFromObject = false;
        statusLineSeries.tooltip.autoTextColor = false;
        statusLineSeries.tooltip.background.fill = am4core.color("#fff");
        popiskTooltipText = 'ready';
    } 
    
    setTimeout(function(){
        //statusValueAxis.hide();
        //statusTriangle.hide();
        //statusBullet.hide();
        //statusLineSeries.hide();
    }, 1000)
    
    
//    var columnSeriesStatus = chart.series.push(new am4charts.ColumnSeries());
//    columnSeriesStatus.name = "Status";
//    columnSeriesStatus.dataFields.valueY = "status";
//    columnSeriesStatus.dataFields.categoryX = "hour";
//    columnSeriesStatus.clustered = false;
//
//    //columnSeriesStatus.columns.template.tooltipText = "[#fff font-size: 15px]{name} in {categoryX}:\n[/][#fff font-size: 20px]{valueY}[/] [#fff]{additional}[/]"
//    columnSeriesStatus.columns.template.propertyFields.fillOpacity = "fillOpacity";
//    columnSeriesStatus.columns.template.propertyFields.stroke = "stroke";
//    columnSeriesStatus.columns.template.propertyFields.strokeWidth = "strokeWidth";
//    columnSeriesStatus.columns.template.propertyFields.strokeDasharray = "columnDash";
//    columnSeriesStatus.columns.template.propertyFields.fill = am4core.color("#000");
//    columnSeriesStatus.columns.template.width = am4core.percent(40);
//    columnSeriesStatus.columns.template.fill = am4core.color("#002bff");     
    
//    if(statusAxis == 'empty'){
//        columnSeriesStatus.yAxis = statusValueAxis;
//        countAxis = 'ready';
//    } 
//    if(countClustered > 0){
//        columnSeriesStatus.clustered = false;
//    }else{
//        countClustered++;
//    }    
//    
//    if(popiskTooltipText == 'empty'){
////        columnSeriesStatus.tooltipText = dateL + lomitkoL + requestL + trafficL + statusL 
////                                 + revenueL + eCPML + bidPriceL + winRateL + bidRateL;
//        columnSeriesStatus.tooltipHTML = htmlTooltipString;
//        columnSeriesStatus.tooltip.label.textAlign = "left";
//        columnSeriesStatus.tooltip.getFillFromObject = false;
//        columnSeriesStatus.tooltip.autoTextColor = false;
//        columnSeriesStatus.tooltip.background.fill = am4core.color("#fff");
//        popiskTooltipText = 'ready';
//    } 
    
    //hide Y axis
    //https://www.amcharts.com/docs/v4/tutorials/auto-hide-value-axes/

}


chart.data = data;



/* Add legend */
chart.legend = new am4charts.Legend();


chart.cursor = new am4charts.XYCursor();
//chart.cursor.maxTooltipDistance = 5;
//chart.cursor.behavior = "panX";
chart.cursor.behavior = "zoomX";

chart.cursor.events.on("behaviorcanceled", function(ev) {
    console.log('behaviorcanceled >> zoomX');    
    chart.cursor.behavior = "zoomX";    
});

chart.cursor.events.on("zoomended", function(ev) {
    console.log('zoomended >>panX');
    chart.cursor.behavior = "panX";    
});

chart.cursor.events.on("behaviorcanceled", function(ev) {
    console.log('behaviorcanceled >> ??');   
});
chart.cursor.events.on("dragstop", function(ev) {
    console.log('dragstop >> ??');   
});

//chart.exporting.timeoutDelay = 5000;

//chart.cursor.lineX.disabled = true;
//chart.cursor.lineY.disabled = true;

/* Set up cursor behavior */
//chart.cursor.behavior = "selectX";
//chart.cursor.events.on("selectended", function(ev) {
//  var range = ev.target.xRange;
//  var axis = ev.target.chart.xAxes.getIndex(0);
//  var from = axis.getPositionLabel(axis.toAxisPosition(range.start));
//  var to = axis.getPositionLabel(axis.toAxisPosition(range.end));
//  alert("Selected from " + from + " to " + to);
//});



}); // end am4core.ready()
</script><h1 style="">DB block number 2</h1>
<span style="color:grey; display: block; margin-top: -20px; margin-bottom: 5px">
www.in-pocasi.cz + www.in-pocasi.cz + www.in-pocasi.cz + www.in-pocasi.cz</span>
<div id="chartdivtraffic-2"></div>






<!-- Styles -->
<style>
#chartdivtraffic-3 {
  width: 100%;
  height: 500px;
}
</style>
<!-- Chart code -->
<script>
am4core.ready(function() {

// Themes begin
am4core.useTheme(am4themes_animated);
// Themes end

// Create chart instance
var chart = am4core.create("chartdivtraffic-3", am4charts.XYChart);
//chart.dateFormatter.dateFormat = "yyyy-MM-dd H:m:s";

// Export
chart.exporting.menu = new am4core.ExportMenu();
chart.exporting.filePrefix = "time-to2024-04-25 12:09";
chart.exporting.menu.align = "left";
chart.exporting.menu.verticalAlign = "bottom";
chart.exporting.menu.items = [
  {
    "label": "<i class='fa fa-print'></i> Export",
    "menu": [
      {
        "label": "Image",
        "menu": [
          { "type": "png", "label": "PNG" },
          { "type": "jpg", "label": "JPG" },
          { "type": "svg", "label": "SVG" },
//          { "type": "pdf", "label": "PDF" }
        ]
      }, {
        "label": "Data",
        "menu": [
          { "type": "csv", "label": "CSV" },
//          { "type": "xlsx", "label": "XLSX" },
          { "type": "html", "label": "HTML" },
          { "type": "json", "label": "JSON" },          
//          { "type": "pdfdata", "label": "PDF" }
        ]
      }, {
        "label": "Print", "type": "print"
      }
    ]
  }
];

var data = [ 
    {
    "hour": "2024-04-25 10:10:02",
    "traffic": "5928",
    "buffer": "2370",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:11:01",
    "traffic": "6777",
    "buffer": "2750",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:12:02",
    "traffic": "5922",
    "buffer": "2550",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:13:01",
    "traffic": "6108",
    "buffer": "2504",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:14:02",
    "traffic": "5169",
    "buffer": "2075",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:15:02",
    "traffic": "5958",
    "buffer": "2424",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:16:01",
    "traffic": "5574",
    "buffer": "2356",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:17:02",
    "traffic": "5208",
    "buffer": "2178",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:18:02",
    "traffic": "6192",
    "buffer": "2458",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:19:02",
    "traffic": "5046",
    "buffer": "2167",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:20:02",
    "traffic": "5931",
    "buffer": "2454",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:21:02",
    "traffic": "4890",
    "buffer": "2114",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:22:03",
    "traffic": "5484",
    "buffer": "2327",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:23:02",
    "traffic": "3519",
    "buffer": "1425",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:24:02",
    "traffic": "5073",
    "buffer": "2113",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:25:02",
    "traffic": "5046",
    "buffer": "2129",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:26:02",
    "traffic": "4896",
    "buffer": "2067",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:27:01",
    "traffic": "5820",
    "buffer": "2396",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:28:01",
    "traffic": "6003",
    "buffer": "2530",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:29:01",
    "traffic": "5412",
    "buffer": "2239",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:30:01",
    "traffic": "5031",
    "buffer": "2064",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:31:01",
    "traffic": "6279",
    "buffer": "2359",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:32:01",
    "traffic": "4578",
    "buffer": "2053",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:33:01",
    "traffic": "4965",
    "buffer": "1867",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:34:01",
    "traffic": "5811",
    "buffer": "2229",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:35:01",
    "traffic": "6102",
    "buffer": "2445",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:36:01",
    "traffic": "6000",
    "buffer": "2668",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:37:02",
    "traffic": "4932",
    "buffer": "2005",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:38:02",
    "traffic": "5859",
    "buffer": "2322",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:39:02",
    "traffic": "4524",
    "buffer": "2029",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:40:01",
    "traffic": "5031",
    "buffer": "1903",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:41:02",
    "traffic": "5721",
    "buffer": "2307",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:42:02",
    "traffic": "5727",
    "buffer": "2376",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:43:02",
    "traffic": "5850",
    "buffer": "2345",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:44:01",
    "traffic": "4878",
    "buffer": "1984",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:45:02",
    "traffic": "4947",
    "buffer": "2118",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:46:01",
    "traffic": "4794",
    "buffer": "1926",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:47:02",
    "traffic": "4848",
    "buffer": "1844",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:48:02",
    "traffic": "4386",
    "buffer": "1881",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:49:01",
    "traffic": "4563",
    "buffer": "1886",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:50:02",
    "traffic": "4092",
    "buffer": "1784",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:51:01",
    "traffic": "4770",
    "buffer": "1928",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:52:02",
    "traffic": "3510",
    "buffer": "1319",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:53:01",
    "traffic": "4878",
    "buffer": "2010",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:54:02",
    "traffic": "5682",
    "buffer": "2257",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:55:02",
    "traffic": "5613",
    "buffer": "2442",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:56:02",
    "traffic": "6168",
    "buffer": "2357",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:57:02",
    "traffic": "5571",
    "buffer": "2291",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:58:01",
    "traffic": "5667",
    "buffer": "2371",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:59:02",
    "traffic": "5289",
    "buffer": "2318",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:00:02",
    "traffic": "4383",
    "buffer": "1891",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:01:02",
    "traffic": "4890",
    "buffer": "1944",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:02:01",
    "traffic": "5076",
    "buffer": "2130",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:03:02",
    "traffic": "4842",
    "buffer": "1979",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:04:02",
    "traffic": "5886",
    "buffer": "2457",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:05:02",
    "traffic": "4380",
    "buffer": "1913",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:06:01",
    "traffic": "5076",
    "buffer": "1934",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:07:02",
    "traffic": "4101",
    "buffer": "1649",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:08:02",
    "traffic": "5622",
    "buffer": "2257",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:09:02",
    "traffic": "6129",
    "buffer": "2521",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:10:02",
    "traffic": "6516",
    "buffer": "2507",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:11:02",
    "traffic": "5328",
    "buffer": "2276",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:12:02",
    "traffic": "5463",
    "buffer": "2100",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:13:02",
    "traffic": "4320",
    "buffer": "1922",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:14:02",
    "traffic": "4968",
    "buffer": "2031",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:15:02",
    "traffic": "5259",
    "buffer": "2093",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:16:02",
    "traffic": "4674",
    "buffer": "2001",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:17:01",
    "traffic": "6429",
    "buffer": "2391",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:18:03",
    "traffic": "5535",
    "buffer": "2384",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:19:01",
    "traffic": "6957",
    "buffer": "2622",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:20:01",
    "traffic": "5913",
    "buffer": "2750",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:21:01",
    "traffic": "7338",
    "buffer": "2920",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:22:02",
    "traffic": "4713",
    "buffer": "2208",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:23:01",
    "traffic": "5193",
    "buffer": "2072",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:24:02",
    "traffic": "7320",
    "buffer": "2985",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:25:02",
    "traffic": "6450",
    "buffer": "2787",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:26:01",
    "traffic": "5988",
    "buffer": "2555",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:27:02",
    "traffic": "5937",
    "buffer": "2567",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:28:02",
    "traffic": "5301",
    "buffer": "2106",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:29:02",
    "traffic": "6705",
    "buffer": "2641",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:30:01",
    "traffic": "6501",
    "buffer": "2508",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:31:02",
    "traffic": "5517",
    "buffer": "2377",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:32:02",
    "traffic": "5424",
    "buffer": "2293",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:33:02",
    "traffic": "6360",
    "buffer": "2606",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:34:02",
    "traffic": "5016",
    "buffer": "2217",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:35:02",
    "traffic": "4713",
    "buffer": "1935",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:36:02",
    "traffic": "5178",
    "buffer": "2143",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:37:02",
    "traffic": "5448",
    "buffer": "2065",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:38:01",
    "traffic": "4776",
    "buffer": "2080",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:39:02",
    "traffic": "5013",
    "buffer": "1927",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:40:02",
    "traffic": "5034",
    "buffer": "2068",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:41:02",
    "traffic": "6420",
    "buffer": "2397",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:42:01",
    "traffic": "5724",
    "buffer": "2461",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:43:02",
    "traffic": "6330",
    "buffer": "2489",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:44:01",
    "traffic": "5634",
    "buffer": "2166",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:45:02",
    "traffic": "6084",
    "buffer": "2331",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:46:01",
    "traffic": "6354",
    "buffer": "2668",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:47:01",
    "traffic": "5703",
    "buffer": "2570",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:48:01",
    "traffic": "5274",
    "buffer": "2212",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:49:02",
    "traffic": "5637",
    "buffer": "2358",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:50:02",
    "traffic": "4764",
    "buffer": "1984",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:51:02",
    "traffic": "5706",
    "buffer": "2270",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:52:01",
    "traffic": "5160",
    "buffer": "1984",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:53:02",
    "traffic": "4998",
    "buffer": "2167",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:54:02",
    "traffic": "6315",
    "buffer": "2498",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:55:02",
    "traffic": "6351",
    "buffer": "2639",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:56:02",
    "traffic": "5217",
    "buffer": "2367",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:57:02",
    "traffic": "5487",
    "buffer": "2211",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:58:02",
    "traffic": "4542",
    "buffer": "2012",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:59:02",
    "traffic": "4524",
    "buffer": "1776",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:00:02",
    "traffic": "5604",
    "buffer": "2192",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:01:01",
    "traffic": "5724",
    "buffer": "2518",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:02:02",
    "traffic": "7533",
    "buffer": "3175",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:03:02",
    "traffic": "5655",
    "buffer": "2512",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:04:02",
    "traffic": "5529",
    "buffer": "2520",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:05:01",
    "traffic": "5469",
    "buffer": "2199",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:06:02",
    "traffic": "6165",
    "buffer": "2494",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:07:02",
    "traffic": "6471",
    "buffer": "2845",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:08:02",
    "traffic": "6153",
    "buffer": "2416",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:09:02",
    "traffic": "6897",
    "buffer": "2623",
    "postponed": "0",
    "status": "1"
    }
     ];
var segmentation = 'hours';
var postConfigId = 'Traffic';
var timeoutHideSeries = 7000;
var timeoutDefaultSeries = 1500;

var dataLenght = Object.keys(data).length;
console.log('dataLenght:'+dataLenght);
if(postConfigId!=''){
    if(dataLenght==0){
        alert('Oops! You ran out of oxygen.\n\nThe chart for this filter setting have zero results.');
    }
}




var dateL = '<tr><td colspan="3" style="border-bottom:2px solid black">'
                +'<span style="color:black; font-size:18px">{categoryX}</span>'
           +'</td></tr>';
var lomitkoL = '[#000 font-size: 4px]\n ____________________ ____________________ ____________________ ____________________\n\n[/]';

var trafficL = '';
//trafficL = '\n[#000]Traffic: [/][#f6f9ff]BAC[/][bold #ae00da font-size: 18px]{traffic}[/]';
trafficL = '<tr><td>'
            +'<i class="fa-bar-chart fa" style="color:#002bff"></i>'
            +'</td><td>'
            +'<span style="color:#000">Traffic: </span>'
            +'</td><td>'
            +'<span style="color:#002bff; font-size:18px">{traffic}</span>'
           +'</td></tr>';    

var bufferL = '';
bufferL = '<tr><td>'
            +'<i class="fa-bar-chart fa" style="color:#a7a7a7"></i>'
            +'</td><td>'
            +'<span style="color:#000">Buffer: </span>'
            +'</td><td>'
            +'<span style="color:#a7a7a7; font-size:18px">{buffer}</span>'
           +'</td></tr>'; 
   
var postponedL = '';
postponedL = '<tr><td>'
            +'<i class="fa-bar-chart fa" style="color:#ffa722"></i>'
            +'</td><td>'
            +'<span style="color:#000">Postponed: </span>'
            +'</td><td>'
            +'<span style="color:#ffa722; font-size:18px">{postponed}</span>'
           +'</td></tr>'; 

var statusL = '';
//statusL = '\n[#000]Status: [/][bold #002bff font-size: 18px]{status}[/]';
statusL = '<tr><td>'
            +'<i class="fa-bar-chart fa" style="color:#f70000"></i>'
            +'</td><td>'
            +'<span style="color:#000">Status: </span>'
            +'</td><td>'
            +'<span style="color:#f70000; font-size:18px">{status}</span>'
           +'</td></tr>';     



var htmlTooltipString =  ''            
                        +'<table>'
                                + dateL + trafficL + bufferL + postponedL + statusL
                        +'</table>';
                
var popiskTooltipText = 'empty';

//var data = [];

// Data for both series
//var data = [ {
//  "year": "2009",
//  "income": 23.5,
//  "expenses": 21.1
//}, {
//  "year": "2014",
//  "income": 34.1,
//  "expenses": 32.9,
//  "strokeWidth": 1,
//  "columnDash": "5,5",
//  "fillOpacity": 0.2,
//  "additional": "(projection)"
//} ];

/* Create axes */ //new am4charts.DateAxis()
var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis());
categoryAxis.dataFields.category = "hour";
categoryAxis.renderer.labels.template.rotation = 0;
categoryAxis.renderer.labels.template.hideOversized = true;
categoryAxis.renderer.minGridDistance = 10;

    var povolene = [];
    var skokDate = Math.round(dataLenght/10)+1; 
    var pocitadlo = 1;
    var cikcak = ''; var cik = ''; var cak = '';
    console.log('dataLenght: '+dataLenght);        
    console.log('skokDate: '+skokDate);
    for (i = 0; i <= dataLenght; i++) {
        pocitadlo = pocitadlo + skokDate;
        if(pocitadlo < (dataLenght+10)){
            console.log('povolene: '+pocitadlo);        
            povolene.push(pocitadlo);
        }
    }
    pocitadlo = pocitadlo+skokDate;
    povolene.push(pocitadlo);
    pocitadlo = pocitadlo+skokDate;
    povolene.push(pocitadlo);
console.log('povolene^');
console.log(povolene);
pocitadlo = 1;
var pocitadloDatumy = 0;
//if(segmentation == 'hours'){
    categoryAxis.renderer.labels.template.adapter.add("textOutput", function(text) {
        pocitadlo++;
        
        if(povolene.indexOf((pocitadlo)) !== -1){ 
            console.log('import: '+pocitadlo);
            console.log('pocitadloDatumy: '+pocitadloDatumy);
            if(cikcak==''){cik = '[bold]'; cak = '[/]'; cikcak='bold'}else{cik = '[#828282]'; cak = '[/]'; cikcak=''}
            if((pocitadloDatumy % 1) == 0){
                pocitadloDatumy++;
//                cik = '[bold]'; cak = '[/]'; cikcak='bold';
                return text.replace(/([\d]{4})\-([\d]{2})\-([\d]{2}) ([\d]{2}):([\d]{2})(:[\d]{2})/, cik+"$4:$5"+cak);
            }else{
                pocitadloDatumy++;
//                cik = '[#828282]'; cak = '[/]'; cikcak=''
                return text.replace(/([\d]{4})\-([\d]{2})\-([\d]{2}) ([\d]{2}):([\d]{2})(:[\d]{2})/, cik+":$5"+cak);
            }
        }else{
            return "[#fff font-size:6px]`[/]";
        }       
    });
//}else{
//    categoryAxis.renderer.labels.template.adapter.add("textOutput", function(text) {
//        pocitadlo++;
//        if(povolene.indexOf((pocitadlo)) !== -1){ 
//            console.log('import: '+pocitadlo);
//            if(dataLenght<9){
//                return text.replace(/([\d]{4})\-([\d]{2})\-([\d]{2})/, "$3.$2 $1");
//            }else{
//                if(cikcak==''){
//                    cik = '[bold font-size:12px]'; cak = '[/]'; 
//                    cikcak='bold';
//                }else{
//                    cik = '[#828282 font-size:12px]'; cak = '[/]';
//                    cikcak='';
//                }                
//                return text.replace(/([\d]{4})\-([\d]{2})\-([\d]{2})/, cik+"$3.$2."+cak+"\n [#fff]..[/][font-size:10px]$1[/]");
//            }
//        }else{
//            return "[#fff font-size:6px]`[/]";
//        }       
//    });    
//}

/* Create value axis */
//var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());


var countValueAxis = chart.yAxes.push(new am4charts.ValueAxis());
countValueAxis.renderer.opposite = false;
countValueAxis.strictMinMax = false;
countValueAxis.renderer.grid.template.disabled = true;
//countValueAxis.numberFormatter = new am4core.NumberFormatter();
//countValueAxis.numberFormatter.numberFormat = "[#001fb5]#[/]";
//countValueAxis.numberFormatter.numberFormat = "[#002bff]#\n[/][#002bff bold font-size: 10px]' transactions'[/]";
//countValueAxis.cursorTooltipEnabled = true;

var countAxis = 'empty';
var countClustered = 0;



if('traffic' == 'traffic'){
    var columnSeriesTraffic = chart.series.push(new am4charts.ColumnSeries());
    columnSeriesTraffic.name = "Traffic";
    columnSeriesTraffic.dataFields.valueY = "traffic";
    columnSeriesTraffic.dataFields.categoryX = "hour";
    columnSeriesTraffic.clustered = false;

    //columnSeriesTraffic.columns.template.tooltipText = "[#fff font-size: 15px]{name} in {categoryX}:\n[/][#fff font-size: 20px]{valueY}[/] [#fff]{additional}[/]"
    columnSeriesTraffic.columns.template.propertyFields.fillOpacity = "fillOpacity";
    columnSeriesTraffic.columns.template.propertyFields.stroke = "stroke";
    columnSeriesTraffic.columns.template.propertyFields.strokeWidth = "strokeWidth";
    columnSeriesTraffic.columns.template.propertyFields.strokeDasharray = "columnDash";
    columnSeriesTraffic.columns.template.width = am4core.percent(50);
//    columnSeriesTraffic.columns.template.fill = am4core.color("#002bff");    
    columnSeriesTraffic.columns.template.fill = am4core.color("#ffffff");
    
    if(countAxis == 'empty'){
        columnSeriesTraffic.yAxis = countValueAxis;
        countAxis = 'ready';
    } 
    if(countClustered > 0){
        columnSeriesTraffic.clustered = false;
    }else{
        countClustered++;
    }    
    
    if(popiskTooltipText == 'empty'){
//        columnSeriesTraffic.tooltipText = dateL + lomitkoL + requestL + trafficL + statusL 
//                                 + revenueL + eCPML + bidPriceL + winRateL + bidRateL;
        columnSeriesTraffic.tooltipHTML = htmlTooltipString;
        columnSeriesTraffic.tooltip.label.textAlign = "left";
        columnSeriesTraffic.tooltip.getFillFromObject = false;
        columnSeriesTraffic.tooltip.autoTextColor = false;
        columnSeriesTraffic.tooltip.background.fill = am4core.color("#fff");
        popiskTooltipText = 'ready';
    }  
     
}





var bufferValueAxis = chart.yAxes.push(new am4charts.ValueAxis());
bufferValueAxis.renderer.opposite = true;
bufferValueAxis.strictMinMax = false; 
bufferValueAxis.renderer.grid.template.disabled = true;
bufferValueAxis.numberFormatter = new am4core.NumberFormatter();
bufferValueAxis.numberFormatter.numberFormat = "[#a7a7a7]# \n[/][#ffa722 bold font-size: 10px]'Buffer & Postponed '[/]";
bufferValueAxis.cursorTooltipEnabled = false;

var statusAxis = 'empty';


if('buffer' == 'buffer'){
    
    var statusLineSeries = chart.series.push(new am4charts.LineSeries());
    statusLineSeries.name = "Buffer";
    statusLineSeries.dataFields.valueY = "buffer";
    statusLineSeries.dataFields.categoryX = "hour";

    statusLineSeries.stroke = am4core.color("#a7a7a7");
    statusLineSeries.strokeWidth = 2;
    statusLineSeries.propertyFields.strokeDasharray = "lineDash";

    var ecpmBullet = statusLineSeries.bullets.push(new am4charts.Bullet());
    ecpmBullet.fill = am4core.color("#f70000"); 
    var ecpmCircle = ecpmBullet.createChild(am4core.Circle);
    ecpmCircle.radius = 7;
    ecpmCircle.fill = am4core.color("#fff"); 
    ecpmCircle.fillOpacity = 0.1;
    ecpmCircle.strokeWidth = 3;    
    
    if(statusAxis == 'empty'){
        statusLineSeries.yAxis = bufferValueAxis;
        statusAxis == 'ready';
    }  
    if(popiskTooltipText == 'empty'){    
        statusLineSeries.tooltipHTML = htmlTooltipString;
        statusLineSeries.tooltip.label.textAlign = "left";
        statusLineSeries.tooltip.getFillFromObject = false;
        statusLineSeries.tooltip.autoTextColor = false;
        statusLineSeries.tooltip.background.fill = am4core.color("#fff");
        popiskTooltipText = 'ready';
    } 

}

if('postponed' == 'postponed'){
    
    var statusLineSeries = chart.series.push(new am4charts.LineSeries());
    statusLineSeries.name = "Postponed";
    statusLineSeries.dataFields.valueY = "postponed";
    statusLineSeries.dataFields.categoryX = "hour";

    statusLineSeries.stroke = am4core.color("#ffa722");
    statusLineSeries.strokeWidth = 2;
    statusLineSeries.propertyFields.strokeDasharray = "lineDash";

    var bidpriceBullet = statusLineSeries.bullets.push(new am4charts.Bullet());
    bidpriceBullet.fill = am4core.color("#ff8f3f"); 
    var bidpriceCircle = bidpriceBullet.createChild(am4core.Circle);
    bidpriceCircle.radius = 4;
    bidpriceCircle.fill = am4core.color("#a7a7a7");
    bidpriceCircle.strokeWidth = 3;   
    
    if(statusAxis == 'empty'){
        statusLineSeries.yAxis = bufferValueAxis;
        statusAxis == 'ready';
    }  
    if(popiskTooltipText == 'empty'){    
        statusLineSeries.tooltipHTML = htmlTooltipString;
        statusLineSeries.tooltip.label.textAlign = "left";
        statusLineSeries.tooltip.getFillFromObject = false;
        statusLineSeries.tooltip.autoTextColor = false;
        statusLineSeries.tooltip.background.fill = am4core.color("#fff");
        popiskTooltipText = 'ready';
    } 

}








if('status' != 'status'){
    
    var statusValueAxis = chart.yAxes.push(new am4charts.ValueAxis());
    statusValueAxis.renderer.opposite = true;
    statusValueAxis.strictMinMax = true;
    statusValueAxis.min = 0;
    statusValueAxis.max = 2; 
    statusValueAxis.renderer.grid.template.disabled = true;
    statusValueAxis.numberFormatter = new am4core.NumberFormatter();
    statusValueAxis.numberFormatter.numberFormat = "[#f70000]#% \n[/][#f70000 bold font-size: 10px]'status ready '[/]";
    statusValueAxis.cursorTooltipEnabled = false;

    var statusAxis = 'empty';

    
    var statusLineSeries = chart.series.push(new am4charts.LineSeries());
    statusLineSeries.name = "Status";
    statusLineSeries.dataFields.valueY = "status";
    statusLineSeries.dataFields.categoryX = "hour";

    statusLineSeries.stroke = am4core.color("#f70000");
    statusLineSeries.strokeWidth = 2;
    statusLineSeries.propertyFields.strokeDasharray = "lineDash";

    var statusBullet = statusLineSeries.bullets.push(new am4charts.Bullet());
    statusBullet.fill = am4core.color("#f70000"); // tooltips grab fill from parent by default
    //bullet.tooltipText = "[#fff font-size: 15px]{name} in {categoryX}:\n[/][#fff font-size: 20px]{valueY}[/] [#fff]{additional}[/]"
    var statusTriangle = statusBullet.createChild(am4core.Triangle);
    statusTriangle.horizontalCenter = "middle";
    statusTriangle.verticalCenter = "bottom";
    //statusTriangle.stroke = am4core.color("#000");
    statusTriangle.direction = "top";
    statusTriangle.width = 5;
    statusTriangle.height = 20;    
    
    if(statusAxis == 'empty'){
        statusLineSeries.yAxis = statusValueAxis;
        statusAxis == 'ready';
    }  
    if(popiskTooltipText == 'empty'){    
//        statusLineSeries.tooltipText = dateL + lomitkoL + requestL + auctionL + impressionsL 
//                                 + statusL + eCPML + bidPriceL + winRateL + bidRateL;
        statusLineSeries.tooltipHTML = htmlTooltipString;
        statusLineSeries.tooltip.label.textAlign = "left";
        statusLineSeries.tooltip.getFillFromObject = false;
        statusLineSeries.tooltip.autoTextColor = false;
        statusLineSeries.tooltip.background.fill = am4core.color("#fff");
        popiskTooltipText = 'ready';
    } 
    
    setTimeout(function(){
        //statusValueAxis.hide();
        //statusTriangle.hide();
        //statusBullet.hide();
        //statusLineSeries.hide();
    }, 1000)
    
    
//    var columnSeriesStatus = chart.series.push(new am4charts.ColumnSeries());
//    columnSeriesStatus.name = "Status";
//    columnSeriesStatus.dataFields.valueY = "status";
//    columnSeriesStatus.dataFields.categoryX = "hour";
//    columnSeriesStatus.clustered = false;
//
//    //columnSeriesStatus.columns.template.tooltipText = "[#fff font-size: 15px]{name} in {categoryX}:\n[/][#fff font-size: 20px]{valueY}[/] [#fff]{additional}[/]"
//    columnSeriesStatus.columns.template.propertyFields.fillOpacity = "fillOpacity";
//    columnSeriesStatus.columns.template.propertyFields.stroke = "stroke";
//    columnSeriesStatus.columns.template.propertyFields.strokeWidth = "strokeWidth";
//    columnSeriesStatus.columns.template.propertyFields.strokeDasharray = "columnDash";
//    columnSeriesStatus.columns.template.propertyFields.fill = am4core.color("#000");
//    columnSeriesStatus.columns.template.width = am4core.percent(40);
//    columnSeriesStatus.columns.template.fill = am4core.color("#002bff");     
    
//    if(statusAxis == 'empty'){
//        columnSeriesStatus.yAxis = statusValueAxis;
//        countAxis = 'ready';
//    } 
//    if(countClustered > 0){
//        columnSeriesStatus.clustered = false;
//    }else{
//        countClustered++;
//    }    
//    
//    if(popiskTooltipText == 'empty'){
////        columnSeriesStatus.tooltipText = dateL + lomitkoL + requestL + trafficL + statusL 
////                                 + revenueL + eCPML + bidPriceL + winRateL + bidRateL;
//        columnSeriesStatus.tooltipHTML = htmlTooltipString;
//        columnSeriesStatus.tooltip.label.textAlign = "left";
//        columnSeriesStatus.tooltip.getFillFromObject = false;
//        columnSeriesStatus.tooltip.autoTextColor = false;
//        columnSeriesStatus.tooltip.background.fill = am4core.color("#fff");
//        popiskTooltipText = 'ready';
//    } 
    
    //hide Y axis
    //https://www.amcharts.com/docs/v4/tutorials/auto-hide-value-axes/

}


chart.data = data;



/* Add legend */
chart.legend = new am4charts.Legend();


chart.cursor = new am4charts.XYCursor();
//chart.cursor.maxTooltipDistance = 5;
//chart.cursor.behavior = "panX";
chart.cursor.behavior = "zoomX";

chart.cursor.events.on("behaviorcanceled", function(ev) {
    console.log('behaviorcanceled >> zoomX');    
    chart.cursor.behavior = "zoomX";    
});

chart.cursor.events.on("zoomended", function(ev) {
    console.log('zoomended >>panX');
    chart.cursor.behavior = "panX";    
});

chart.cursor.events.on("behaviorcanceled", function(ev) {
    console.log('behaviorcanceled >> ??');   
});
chart.cursor.events.on("dragstop", function(ev) {
    console.log('dragstop >> ??');   
});

//chart.exporting.timeoutDelay = 5000;

//chart.cursor.lineX.disabled = true;
//chart.cursor.lineY.disabled = true;

/* Set up cursor behavior */
//chart.cursor.behavior = "selectX";
//chart.cursor.events.on("selectended", function(ev) {
//  var range = ev.target.xRange;
//  var axis = ev.target.chart.xAxes.getIndex(0);
//  var from = axis.getPositionLabel(axis.toAxisPosition(range.start));
//  var to = axis.getPositionLabel(axis.toAxisPosition(range.end));
//  alert("Selected from " + from + " to " + to);
//});



}); // end am4core.ready()
</script><h1 style="">DB block number 3</h1>
<span style="color:grey; display: block; margin-top: -20px; margin-bottom: 5px">
www.mamincinyrecepty.cz + www.testyojetin.cz + napovime.cz + www.jsmekocky.cz + cdr.cz + www.cestovinky.cz + diit.cz + www.auta.cz + www.hybrid.cz + www.cestyavylety.cz + www.toprecepty.cz + www.meteocentrum.cz + www.meteocentrum.cz + drbna.cz + netflixer.cz + www.auta.cz + netflixer.cz + www.hybrid.cz + www.hybrid.cz</span>
<div id="chartdivtraffic-3"></div>






<!-- Styles -->
<style>
#chartdivtraffic-4 {
  width: 100%;
  height: 500px;
}
</style>
<!-- Chart code -->
<script>
am4core.ready(function() {

// Themes begin
am4core.useTheme(am4themes_animated);
// Themes end

// Create chart instance
var chart = am4core.create("chartdivtraffic-4", am4charts.XYChart);
//chart.dateFormatter.dateFormat = "yyyy-MM-dd H:m:s";

// Export
chart.exporting.menu = new am4core.ExportMenu();
chart.exporting.filePrefix = "time-to2024-04-25 12:09";
chart.exporting.menu.align = "left";
chart.exporting.menu.verticalAlign = "bottom";
chart.exporting.menu.items = [
  {
    "label": "<i class='fa fa-print'></i> Export",
    "menu": [
      {
        "label": "Image",
        "menu": [
          { "type": "png", "label": "PNG" },
          { "type": "jpg", "label": "JPG" },
          { "type": "svg", "label": "SVG" },
//          { "type": "pdf", "label": "PDF" }
        ]
      }, {
        "label": "Data",
        "menu": [
          { "type": "csv", "label": "CSV" },
//          { "type": "xlsx", "label": "XLSX" },
          { "type": "html", "label": "HTML" },
          { "type": "json", "label": "JSON" },          
//          { "type": "pdfdata", "label": "PDF" }
        ]
      }, {
        "label": "Print", "type": "print"
      }
    ]
  }
];

var data = [ 
    {
    "hour": "2024-04-25 10:10:02",
    "traffic": "1383",
    "buffer": "498",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:11:02",
    "traffic": "1719",
    "buffer": "670",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:12:02",
    "traffic": "849",
    "buffer": "387",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:13:02",
    "traffic": "837",
    "buffer": "311",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:14:02",
    "traffic": "1518",
    "buffer": "582",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:15:02",
    "traffic": "894",
    "buffer": "364",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:16:02",
    "traffic": "1107",
    "buffer": "413",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:17:02",
    "traffic": "1713",
    "buffer": "684",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:18:02",
    "traffic": "1722",
    "buffer": "765",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:19:02",
    "traffic": "1728",
    "buffer": "669",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:20:02",
    "traffic": "1548",
    "buffer": "609",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:21:01",
    "traffic": "1410",
    "buffer": "543",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:22:02",
    "traffic": "2133",
    "buffer": "783",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:23:02",
    "traffic": "1503",
    "buffer": "641",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:24:02",
    "traffic": "957",
    "buffer": "365",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:25:02",
    "traffic": "1302",
    "buffer": "480",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:26:02",
    "traffic": "1347",
    "buffer": "545",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:27:02",
    "traffic": "1323",
    "buffer": "520",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:28:02",
    "traffic": "1212",
    "buffer": "460",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:29:02",
    "traffic": "1266",
    "buffer": "452",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:30:02",
    "traffic": "876",
    "buffer": "371",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:31:01",
    "traffic": "648",
    "buffer": "275",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:32:02",
    "traffic": "897",
    "buffer": "367",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:33:02",
    "traffic": "738",
    "buffer": "312",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:34:01",
    "traffic": "516",
    "buffer": "206",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:35:02",
    "traffic": "717",
    "buffer": "282",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:36:02",
    "traffic": "678",
    "buffer": "289",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:37:02",
    "traffic": "711",
    "buffer": "296",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:38:02",
    "traffic": "933",
    "buffer": "346",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:39:02",
    "traffic": "498",
    "buffer": "229",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:40:02",
    "traffic": "957",
    "buffer": "373",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:41:01",
    "traffic": "753",
    "buffer": "337",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:42:02",
    "traffic": "771",
    "buffer": "323",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:43:03",
    "traffic": "939",
    "buffer": "356",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:44:02",
    "traffic": "723",
    "buffer": "352",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:45:02",
    "traffic": "1005",
    "buffer": "404",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:46:02",
    "traffic": "864",
    "buffer": "317",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:47:02",
    "traffic": "633",
    "buffer": "279",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:48:02",
    "traffic": "924",
    "buffer": "366",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:49:01",
    "traffic": "753",
    "buffer": "296",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:50:02",
    "traffic": "543",
    "buffer": "208",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:51:02",
    "traffic": "765",
    "buffer": "297",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:52:02",
    "traffic": "606",
    "buffer": "263",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:53:01",
    "traffic": "438",
    "buffer": "220",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:54:02",
    "traffic": "672",
    "buffer": "267",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:55:02",
    "traffic": "594",
    "buffer": "221",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:56:02",
    "traffic": "612",
    "buffer": "267",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:57:01",
    "traffic": "699",
    "buffer": "259",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:58:02",
    "traffic": "903",
    "buffer": "357",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:59:02",
    "traffic": "744",
    "buffer": "306",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:00:03",
    "traffic": "1008",
    "buffer": "396",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:01:02",
    "traffic": "705",
    "buffer": "312",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:02:02",
    "traffic": "720",
    "buffer": "258",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:03:01",
    "traffic": "1260",
    "buffer": "491",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:04:02",
    "traffic": "645",
    "buffer": "303",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:05:02",
    "traffic": "1227",
    "buffer": "477",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:06:01",
    "traffic": "879",
    "buffer": "388",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:07:02",
    "traffic": "1062",
    "buffer": "412",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:08:01",
    "traffic": "1080",
    "buffer": "455",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:09:02",
    "traffic": "555",
    "buffer": "209",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:10:02",
    "traffic": "1107",
    "buffer": "410",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:11:02",
    "traffic": "1041",
    "buffer": "410",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:12:02",
    "traffic": "1152",
    "buffer": "488",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:13:02",
    "traffic": "1014",
    "buffer": "396",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:14:02",
    "traffic": "987",
    "buffer": "365",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:15:02",
    "traffic": "1056",
    "buffer": "490",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:16:02",
    "traffic": "960",
    "buffer": "386",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:17:01",
    "traffic": "1257",
    "buffer": "496",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:18:02",
    "traffic": "624",
    "buffer": "270",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:19:01",
    "traffic": "1059",
    "buffer": "443",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:20:01",
    "traffic": "1512",
    "buffer": "606",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:21:02",
    "traffic": "1203",
    "buffer": "504",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:22:02",
    "traffic": "1107",
    "buffer": "450",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:23:02",
    "traffic": "1308",
    "buffer": "489",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:24:02",
    "traffic": "1344",
    "buffer": "527",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:25:02",
    "traffic": "1407",
    "buffer": "488",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:26:02",
    "traffic": "789",
    "buffer": "323",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:27:02",
    "traffic": "1035",
    "buffer": "375",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:28:02",
    "traffic": "783",
    "buffer": "308",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:29:02",
    "traffic": "1473",
    "buffer": "546",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:30:02",
    "traffic": "1374",
    "buffer": "495",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:31:01",
    "traffic": "1020",
    "buffer": "387",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:32:02",
    "traffic": "1554",
    "buffer": "579",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:33:02",
    "traffic": "1275",
    "buffer": "511",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:34:02",
    "traffic": "933",
    "buffer": "400",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:35:02",
    "traffic": "1479",
    "buffer": "598",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:36:02",
    "traffic": "1293",
    "buffer": "543",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:37:01",
    "traffic": "984",
    "buffer": "414",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:38:01",
    "traffic": "1374",
    "buffer": "562",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:39:02",
    "traffic": "1125",
    "buffer": "465",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:40:02",
    "traffic": "708",
    "buffer": "255",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:41:02",
    "traffic": "435",
    "buffer": "179",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:42:02",
    "traffic": "1008",
    "buffer": "384",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:43:01",
    "traffic": "696",
    "buffer": "290",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:44:02",
    "traffic": "528",
    "buffer": "229",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:45:01",
    "traffic": "519",
    "buffer": "206",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:46:02",
    "traffic": "1122",
    "buffer": "402",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:47:02",
    "traffic": "1056",
    "buffer": "474",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:48:01",
    "traffic": "1176",
    "buffer": "447",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:49:02",
    "traffic": "975",
    "buffer": "378",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:50:02",
    "traffic": "1767",
    "buffer": "652",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:51:02",
    "traffic": "624",
    "buffer": "312",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:52:02",
    "traffic": "1455",
    "buffer": "567",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:53:02",
    "traffic": "1032",
    "buffer": "465",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:54:02",
    "traffic": "756",
    "buffer": "298",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:55:02",
    "traffic": "699",
    "buffer": "275",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:56:02",
    "traffic": "753",
    "buffer": "287",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:57:02",
    "traffic": "603",
    "buffer": "252",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:58:02",
    "traffic": "1209",
    "buffer": "422",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:59:02",
    "traffic": "963",
    "buffer": "379",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:00:01",
    "traffic": "720",
    "buffer": "320",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:01:01",
    "traffic": "951",
    "buffer": "357",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:02:02",
    "traffic": "801",
    "buffer": "334",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:03:02",
    "traffic": "963",
    "buffer": "387",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:04:02",
    "traffic": "738",
    "buffer": "316",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:05:02",
    "traffic": "834",
    "buffer": "321",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:06:02",
    "traffic": "1470",
    "buffer": "580",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:07:02",
    "traffic": "801",
    "buffer": "398",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:08:02",
    "traffic": "732",
    "buffer": "288",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:09:02",
    "traffic": "633",
    "buffer": "295",
    "postponed": "0",
    "status": "1"
    }
     ];
var segmentation = 'hours';
var postConfigId = 'Traffic';
var timeoutHideSeries = 7000;
var timeoutDefaultSeries = 1500;

var dataLenght = Object.keys(data).length;
console.log('dataLenght:'+dataLenght);
if(postConfigId!=''){
    if(dataLenght==0){
        alert('Oops! You ran out of oxygen.\n\nThe chart for this filter setting have zero results.');
    }
}




var dateL = '<tr><td colspan="3" style="border-bottom:2px solid black">'
                +'<span style="color:black; font-size:18px">{categoryX}</span>'
           +'</td></tr>';
var lomitkoL = '[#000 font-size: 4px]\n ____________________ ____________________ ____________________ ____________________\n\n[/]';

var trafficL = '';
//trafficL = '\n[#000]Traffic: [/][#f6f9ff]BAC[/][bold #ae00da font-size: 18px]{traffic}[/]';
trafficL = '<tr><td>'
            +'<i class="fa-bar-chart fa" style="color:#002bff"></i>'
            +'</td><td>'
            +'<span style="color:#000">Traffic: </span>'
            +'</td><td>'
            +'<span style="color:#002bff; font-size:18px">{traffic}</span>'
           +'</td></tr>';    

var bufferL = '';
bufferL = '<tr><td>'
            +'<i class="fa-bar-chart fa" style="color:#a7a7a7"></i>'
            +'</td><td>'
            +'<span style="color:#000">Buffer: </span>'
            +'</td><td>'
            +'<span style="color:#a7a7a7; font-size:18px">{buffer}</span>'
           +'</td></tr>'; 
   
var postponedL = '';
postponedL = '<tr><td>'
            +'<i class="fa-bar-chart fa" style="color:#ffa722"></i>'
            +'</td><td>'
            +'<span style="color:#000">Postponed: </span>'
            +'</td><td>'
            +'<span style="color:#ffa722; font-size:18px">{postponed}</span>'
           +'</td></tr>'; 

var statusL = '';
//statusL = '\n[#000]Status: [/][bold #002bff font-size: 18px]{status}[/]';
statusL = '<tr><td>'
            +'<i class="fa-bar-chart fa" style="color:#f70000"></i>'
            +'</td><td>'
            +'<span style="color:#000">Status: </span>'
            +'</td><td>'
            +'<span style="color:#f70000; font-size:18px">{status}</span>'
           +'</td></tr>';     



var htmlTooltipString =  ''            
                        +'<table>'
                                + dateL + trafficL + bufferL + postponedL + statusL
                        +'</table>';
                
var popiskTooltipText = 'empty';

//var data = [];

// Data for both series
//var data = [ {
//  "year": "2009",
//  "income": 23.5,
//  "expenses": 21.1
//}, {
//  "year": "2014",
//  "income": 34.1,
//  "expenses": 32.9,
//  "strokeWidth": 1,
//  "columnDash": "5,5",
//  "fillOpacity": 0.2,
//  "additional": "(projection)"
//} ];

/* Create axes */ //new am4charts.DateAxis()
var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis());
categoryAxis.dataFields.category = "hour";
categoryAxis.renderer.labels.template.rotation = 0;
categoryAxis.renderer.labels.template.hideOversized = true;
categoryAxis.renderer.minGridDistance = 10;

    var povolene = [];
    var skokDate = Math.round(dataLenght/10)+1; 
    var pocitadlo = 1;
    var cikcak = ''; var cik = ''; var cak = '';
    console.log('dataLenght: '+dataLenght);        
    console.log('skokDate: '+skokDate);
    for (i = 0; i <= dataLenght; i++) {
        pocitadlo = pocitadlo + skokDate;
        if(pocitadlo < (dataLenght+10)){
            console.log('povolene: '+pocitadlo);        
            povolene.push(pocitadlo);
        }
    }
    pocitadlo = pocitadlo+skokDate;
    povolene.push(pocitadlo);
    pocitadlo = pocitadlo+skokDate;
    povolene.push(pocitadlo);
console.log('povolene^');
console.log(povolene);
pocitadlo = 1;
var pocitadloDatumy = 0;
//if(segmentation == 'hours'){
    categoryAxis.renderer.labels.template.adapter.add("textOutput", function(text) {
        pocitadlo++;
        
        if(povolene.indexOf((pocitadlo)) !== -1){ 
            console.log('import: '+pocitadlo);
            console.log('pocitadloDatumy: '+pocitadloDatumy);
            if(cikcak==''){cik = '[bold]'; cak = '[/]'; cikcak='bold'}else{cik = '[#828282]'; cak = '[/]'; cikcak=''}
            if((pocitadloDatumy % 1) == 0){
                pocitadloDatumy++;
//                cik = '[bold]'; cak = '[/]'; cikcak='bold';
                return text.replace(/([\d]{4})\-([\d]{2})\-([\d]{2}) ([\d]{2}):([\d]{2})(:[\d]{2})/, cik+"$4:$5"+cak);
            }else{
                pocitadloDatumy++;
//                cik = '[#828282]'; cak = '[/]'; cikcak=''
                return text.replace(/([\d]{4})\-([\d]{2})\-([\d]{2}) ([\d]{2}):([\d]{2})(:[\d]{2})/, cik+":$5"+cak);
            }
        }else{
            return "[#fff font-size:6px]`[/]";
        }       
    });
//}else{
//    categoryAxis.renderer.labels.template.adapter.add("textOutput", function(text) {
//        pocitadlo++;
//        if(povolene.indexOf((pocitadlo)) !== -1){ 
//            console.log('import: '+pocitadlo);
//            if(dataLenght<9){
//                return text.replace(/([\d]{4})\-([\d]{2})\-([\d]{2})/, "$3.$2 $1");
//            }else{
//                if(cikcak==''){
//                    cik = '[bold font-size:12px]'; cak = '[/]'; 
//                    cikcak='bold';
//                }else{
//                    cik = '[#828282 font-size:12px]'; cak = '[/]';
//                    cikcak='';
//                }                
//                return text.replace(/([\d]{4})\-([\d]{2})\-([\d]{2})/, cik+"$3.$2."+cak+"\n [#fff]..[/][font-size:10px]$1[/]");
//            }
//        }else{
//            return "[#fff font-size:6px]`[/]";
//        }       
//    });    
//}

/* Create value axis */
//var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());


var countValueAxis = chart.yAxes.push(new am4charts.ValueAxis());
countValueAxis.renderer.opposite = false;
countValueAxis.strictMinMax = false;
countValueAxis.renderer.grid.template.disabled = true;
//countValueAxis.numberFormatter = new am4core.NumberFormatter();
//countValueAxis.numberFormatter.numberFormat = "[#001fb5]#[/]";
//countValueAxis.numberFormatter.numberFormat = "[#002bff]#\n[/][#002bff bold font-size: 10px]' transactions'[/]";
//countValueAxis.cursorTooltipEnabled = true;

var countAxis = 'empty';
var countClustered = 0;



if('traffic' == 'traffic'){
    var columnSeriesTraffic = chart.series.push(new am4charts.ColumnSeries());
    columnSeriesTraffic.name = "Traffic";
    columnSeriesTraffic.dataFields.valueY = "traffic";
    columnSeriesTraffic.dataFields.categoryX = "hour";
    columnSeriesTraffic.clustered = false;

    //columnSeriesTraffic.columns.template.tooltipText = "[#fff font-size: 15px]{name} in {categoryX}:\n[/][#fff font-size: 20px]{valueY}[/] [#fff]{additional}[/]"
    columnSeriesTraffic.columns.template.propertyFields.fillOpacity = "fillOpacity";
    columnSeriesTraffic.columns.template.propertyFields.stroke = "stroke";
    columnSeriesTraffic.columns.template.propertyFields.strokeWidth = "strokeWidth";
    columnSeriesTraffic.columns.template.propertyFields.strokeDasharray = "columnDash";
    columnSeriesTraffic.columns.template.width = am4core.percent(50);
//    columnSeriesTraffic.columns.template.fill = am4core.color("#002bff");    
    columnSeriesTraffic.columns.template.fill = am4core.color("#ffffff");
    
    if(countAxis == 'empty'){
        columnSeriesTraffic.yAxis = countValueAxis;
        countAxis = 'ready';
    } 
    if(countClustered > 0){
        columnSeriesTraffic.clustered = false;
    }else{
        countClustered++;
    }    
    
    if(popiskTooltipText == 'empty'){
//        columnSeriesTraffic.tooltipText = dateL + lomitkoL + requestL + trafficL + statusL 
//                                 + revenueL + eCPML + bidPriceL + winRateL + bidRateL;
        columnSeriesTraffic.tooltipHTML = htmlTooltipString;
        columnSeriesTraffic.tooltip.label.textAlign = "left";
        columnSeriesTraffic.tooltip.getFillFromObject = false;
        columnSeriesTraffic.tooltip.autoTextColor = false;
        columnSeriesTraffic.tooltip.background.fill = am4core.color("#fff");
        popiskTooltipText = 'ready';
    }  
     
}





var bufferValueAxis = chart.yAxes.push(new am4charts.ValueAxis());
bufferValueAxis.renderer.opposite = true;
bufferValueAxis.strictMinMax = false; 
bufferValueAxis.renderer.grid.template.disabled = true;
bufferValueAxis.numberFormatter = new am4core.NumberFormatter();
bufferValueAxis.numberFormatter.numberFormat = "[#a7a7a7]# \n[/][#ffa722 bold font-size: 10px]'Buffer & Postponed '[/]";
bufferValueAxis.cursorTooltipEnabled = false;

var statusAxis = 'empty';


if('buffer' == 'buffer'){
    
    var statusLineSeries = chart.series.push(new am4charts.LineSeries());
    statusLineSeries.name = "Buffer";
    statusLineSeries.dataFields.valueY = "buffer";
    statusLineSeries.dataFields.categoryX = "hour";

    statusLineSeries.stroke = am4core.color("#a7a7a7");
    statusLineSeries.strokeWidth = 2;
    statusLineSeries.propertyFields.strokeDasharray = "lineDash";

    var ecpmBullet = statusLineSeries.bullets.push(new am4charts.Bullet());
    ecpmBullet.fill = am4core.color("#f70000"); 
    var ecpmCircle = ecpmBullet.createChild(am4core.Circle);
    ecpmCircle.radius = 7;
    ecpmCircle.fill = am4core.color("#fff"); 
    ecpmCircle.fillOpacity = 0.1;
    ecpmCircle.strokeWidth = 3;    
    
    if(statusAxis == 'empty'){
        statusLineSeries.yAxis = bufferValueAxis;
        statusAxis == 'ready';
    }  
    if(popiskTooltipText == 'empty'){    
        statusLineSeries.tooltipHTML = htmlTooltipString;
        statusLineSeries.tooltip.label.textAlign = "left";
        statusLineSeries.tooltip.getFillFromObject = false;
        statusLineSeries.tooltip.autoTextColor = false;
        statusLineSeries.tooltip.background.fill = am4core.color("#fff");
        popiskTooltipText = 'ready';
    } 

}

if('postponed' == 'postponed'){
    
    var statusLineSeries = chart.series.push(new am4charts.LineSeries());
    statusLineSeries.name = "Postponed";
    statusLineSeries.dataFields.valueY = "postponed";
    statusLineSeries.dataFields.categoryX = "hour";

    statusLineSeries.stroke = am4core.color("#ffa722");
    statusLineSeries.strokeWidth = 2;
    statusLineSeries.propertyFields.strokeDasharray = "lineDash";

    var bidpriceBullet = statusLineSeries.bullets.push(new am4charts.Bullet());
    bidpriceBullet.fill = am4core.color("#ff8f3f"); 
    var bidpriceCircle = bidpriceBullet.createChild(am4core.Circle);
    bidpriceCircle.radius = 4;
    bidpriceCircle.fill = am4core.color("#a7a7a7");
    bidpriceCircle.strokeWidth = 3;   
    
    if(statusAxis == 'empty'){
        statusLineSeries.yAxis = bufferValueAxis;
        statusAxis == 'ready';
    }  
    if(popiskTooltipText == 'empty'){    
        statusLineSeries.tooltipHTML = htmlTooltipString;
        statusLineSeries.tooltip.label.textAlign = "left";
        statusLineSeries.tooltip.getFillFromObject = false;
        statusLineSeries.tooltip.autoTextColor = false;
        statusLineSeries.tooltip.background.fill = am4core.color("#fff");
        popiskTooltipText = 'ready';
    } 

}








if('status' != 'status'){
    
    var statusValueAxis = chart.yAxes.push(new am4charts.ValueAxis());
    statusValueAxis.renderer.opposite = true;
    statusValueAxis.strictMinMax = true;
    statusValueAxis.min = 0;
    statusValueAxis.max = 2; 
    statusValueAxis.renderer.grid.template.disabled = true;
    statusValueAxis.numberFormatter = new am4core.NumberFormatter();
    statusValueAxis.numberFormatter.numberFormat = "[#f70000]#% \n[/][#f70000 bold font-size: 10px]'status ready '[/]";
    statusValueAxis.cursorTooltipEnabled = false;

    var statusAxis = 'empty';

    
    var statusLineSeries = chart.series.push(new am4charts.LineSeries());
    statusLineSeries.name = "Status";
    statusLineSeries.dataFields.valueY = "status";
    statusLineSeries.dataFields.categoryX = "hour";

    statusLineSeries.stroke = am4core.color("#f70000");
    statusLineSeries.strokeWidth = 2;
    statusLineSeries.propertyFields.strokeDasharray = "lineDash";

    var statusBullet = statusLineSeries.bullets.push(new am4charts.Bullet());
    statusBullet.fill = am4core.color("#f70000"); // tooltips grab fill from parent by default
    //bullet.tooltipText = "[#fff font-size: 15px]{name} in {categoryX}:\n[/][#fff font-size: 20px]{valueY}[/] [#fff]{additional}[/]"
    var statusTriangle = statusBullet.createChild(am4core.Triangle);
    statusTriangle.horizontalCenter = "middle";
    statusTriangle.verticalCenter = "bottom";
    //statusTriangle.stroke = am4core.color("#000");
    statusTriangle.direction = "top";
    statusTriangle.width = 5;
    statusTriangle.height = 20;    
    
    if(statusAxis == 'empty'){
        statusLineSeries.yAxis = statusValueAxis;
        statusAxis == 'ready';
    }  
    if(popiskTooltipText == 'empty'){    
//        statusLineSeries.tooltipText = dateL + lomitkoL + requestL + auctionL + impressionsL 
//                                 + statusL + eCPML + bidPriceL + winRateL + bidRateL;
        statusLineSeries.tooltipHTML = htmlTooltipString;
        statusLineSeries.tooltip.label.textAlign = "left";
        statusLineSeries.tooltip.getFillFromObject = false;
        statusLineSeries.tooltip.autoTextColor = false;
        statusLineSeries.tooltip.background.fill = am4core.color("#fff");
        popiskTooltipText = 'ready';
    } 
    
    setTimeout(function(){
        //statusValueAxis.hide();
        //statusTriangle.hide();
        //statusBullet.hide();
        //statusLineSeries.hide();
    }, 1000)
    
    
//    var columnSeriesStatus = chart.series.push(new am4charts.ColumnSeries());
//    columnSeriesStatus.name = "Status";
//    columnSeriesStatus.dataFields.valueY = "status";
//    columnSeriesStatus.dataFields.categoryX = "hour";
//    columnSeriesStatus.clustered = false;
//
//    //columnSeriesStatus.columns.template.tooltipText = "[#fff font-size: 15px]{name} in {categoryX}:\n[/][#fff font-size: 20px]{valueY}[/] [#fff]{additional}[/]"
//    columnSeriesStatus.columns.template.propertyFields.fillOpacity = "fillOpacity";
//    columnSeriesStatus.columns.template.propertyFields.stroke = "stroke";
//    columnSeriesStatus.columns.template.propertyFields.strokeWidth = "strokeWidth";
//    columnSeriesStatus.columns.template.propertyFields.strokeDasharray = "columnDash";
//    columnSeriesStatus.columns.template.propertyFields.fill = am4core.color("#000");
//    columnSeriesStatus.columns.template.width = am4core.percent(40);
//    columnSeriesStatus.columns.template.fill = am4core.color("#002bff");     
    
//    if(statusAxis == 'empty'){
//        columnSeriesStatus.yAxis = statusValueAxis;
//        countAxis = 'ready';
//    } 
//    if(countClustered > 0){
//        columnSeriesStatus.clustered = false;
//    }else{
//        countClustered++;
//    }    
//    
//    if(popiskTooltipText == 'empty'){
////        columnSeriesStatus.tooltipText = dateL + lomitkoL + requestL + trafficL + statusL 
////                                 + revenueL + eCPML + bidPriceL + winRateL + bidRateL;
//        columnSeriesStatus.tooltipHTML = htmlTooltipString;
//        columnSeriesStatus.tooltip.label.textAlign = "left";
//        columnSeriesStatus.tooltip.getFillFromObject = false;
//        columnSeriesStatus.tooltip.autoTextColor = false;
//        columnSeriesStatus.tooltip.background.fill = am4core.color("#fff");
//        popiskTooltipText = 'ready';
//    } 
    
    //hide Y axis
    //https://www.amcharts.com/docs/v4/tutorials/auto-hide-value-axes/

}


chart.data = data;



/* Add legend */
chart.legend = new am4charts.Legend();


chart.cursor = new am4charts.XYCursor();
//chart.cursor.maxTooltipDistance = 5;
//chart.cursor.behavior = "panX";
chart.cursor.behavior = "zoomX";

chart.cursor.events.on("behaviorcanceled", function(ev) {
    console.log('behaviorcanceled >> zoomX');    
    chart.cursor.behavior = "zoomX";    
});

chart.cursor.events.on("zoomended", function(ev) {
    console.log('zoomended >>panX');
    chart.cursor.behavior = "panX";    
});

chart.cursor.events.on("behaviorcanceled", function(ev) {
    console.log('behaviorcanceled >> ??');   
});
chart.cursor.events.on("dragstop", function(ev) {
    console.log('dragstop >> ??');   
});

//chart.exporting.timeoutDelay = 5000;

//chart.cursor.lineX.disabled = true;
//chart.cursor.lineY.disabled = true;

/* Set up cursor behavior */
//chart.cursor.behavior = "selectX";
//chart.cursor.events.on("selectended", function(ev) {
//  var range = ev.target.xRange;
//  var axis = ev.target.chart.xAxes.getIndex(0);
//  var from = axis.getPositionLabel(axis.toAxisPosition(range.start));
//  var to = axis.getPositionLabel(axis.toAxisPosition(range.end));
//  alert("Selected from " + from + " to " + to);
//});



}); // end am4core.ready()
</script><h1 style="">DB block number 4</h1>
<span style="color:grey; display: block; margin-top: -20px; margin-bottom: 5px">
calorie-charts.info + pisnicky-akordy.cz + www.cbdb.cz + prehraj.to + mlsnavarecka.cz + www.lifee.cz + prehrajto.cz + zena-in.cz + zena-in.cz + prehrajto.cz + prehraj.to + www.cbdb.cz</span>
<div id="chartdivtraffic-4"></div>






<!-- Styles -->
<style>
#chartdivtraffic-5 {
  width: 100%;
  height: 500px;
}
</style>
<!-- Chart code -->
<script>
am4core.ready(function() {

// Themes begin
am4core.useTheme(am4themes_animated);
// Themes end

// Create chart instance
var chart = am4core.create("chartdivtraffic-5", am4charts.XYChart);
//chart.dateFormatter.dateFormat = "yyyy-MM-dd H:m:s";

// Export
chart.exporting.menu = new am4core.ExportMenu();
chart.exporting.filePrefix = "time-to2024-04-25 12:09";
chart.exporting.menu.align = "left";
chart.exporting.menu.verticalAlign = "bottom";
chart.exporting.menu.items = [
  {
    "label": "<i class='fa fa-print'></i> Export",
    "menu": [
      {
        "label": "Image",
        "menu": [
          { "type": "png", "label": "PNG" },
          { "type": "jpg", "label": "JPG" },
          { "type": "svg", "label": "SVG" },
//          { "type": "pdf", "label": "PDF" }
        ]
      }, {
        "label": "Data",
        "menu": [
          { "type": "csv", "label": "CSV" },
//          { "type": "xlsx", "label": "XLSX" },
          { "type": "html", "label": "HTML" },
          { "type": "json", "label": "JSON" },          
//          { "type": "pdfdata", "label": "PDF" }
        ]
      }, {
        "label": "Print", "type": "print"
      }
    ]
  }
];

var data = [ 
    {
    "hour": "2024-04-25 10:10:01",
    "traffic": "72",
    "buffer": "32",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:11:01",
    "traffic": "81",
    "buffer": "35",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:12:02",
    "traffic": "72",
    "buffer": "32",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:13:02",
    "traffic": "105",
    "buffer": "43",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:14:01",
    "traffic": "45",
    "buffer": "23",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:15:02",
    "traffic": "42",
    "buffer": "22",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:16:01",
    "traffic": "180",
    "buffer": "68",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:17:01",
    "traffic": "156",
    "buffer": "60",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:18:01",
    "traffic": "147",
    "buffer": "57",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:19:01",
    "traffic": "318",
    "buffer": "114",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:20:01",
    "traffic": "240",
    "buffer": "96",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:21:02",
    "traffic": "99",
    "buffer": "41",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:22:02",
    "traffic": "264",
    "buffer": "96",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:23:01",
    "traffic": "231",
    "buffer": "85",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:24:02",
    "traffic": "141",
    "buffer": "55",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:25:02",
    "traffic": "168",
    "buffer": "64",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:26:02",
    "traffic": "318",
    "buffer": "119",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:27:02",
    "traffic": "174",
    "buffer": "66",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:28:01",
    "traffic": "498",
    "buffer": "192",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:29:01",
    "traffic": "339",
    "buffer": "121",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:30:02",
    "traffic": "126",
    "buffer": "50",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:31:01",
    "traffic": "87",
    "buffer": "37",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:32:01",
    "traffic": "57",
    "buffer": "27",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:33:01",
    "traffic": "90",
    "buffer": "38",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:34:01",
    "traffic": "231",
    "buffer": "88",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:35:01",
    "traffic": "225",
    "buffer": "88",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:36:01",
    "traffic": "156",
    "buffer": "66",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:37:01",
    "traffic": "69",
    "buffer": "32",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:38:01",
    "traffic": "123",
    "buffer": "56",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:39:01",
    "traffic": "198",
    "buffer": "74",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:40:01",
    "traffic": "222",
    "buffer": "82",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:41:01",
    "traffic": "159",
    "buffer": "61",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:42:02",
    "traffic": "129",
    "buffer": "51",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:43:02",
    "traffic": "270",
    "buffer": "98",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:44:02",
    "traffic": "204",
    "buffer": "96",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:45:01",
    "traffic": "129",
    "buffer": "56",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:46:01",
    "traffic": "339",
    "buffer": "123",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:47:02",
    "traffic": "300",
    "buffer": "116",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:48:02",
    "traffic": "63",
    "buffer": "42",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:49:01",
    "traffic": "390",
    "buffer": "138",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:50:02",
    "traffic": "210",
    "buffer": "78",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:51:01",
    "traffic": "360",
    "buffer": "128",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:52:02",
    "traffic": "186",
    "buffer": "90",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:53:01",
    "traffic": "144",
    "buffer": "56",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:54:01",
    "traffic": "105",
    "buffer": "43",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:55:01",
    "traffic": "147",
    "buffer": "58",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:56:01",
    "traffic": "291",
    "buffer": "105",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:57:02",
    "traffic": "294",
    "buffer": "118",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:58:01",
    "traffic": "156",
    "buffer": "60",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 10:59:02",
    "traffic": "21",
    "buffer": "16",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:00:02",
    "traffic": "114",
    "buffer": "46",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:01:02",
    "traffic": "204",
    "buffer": "76",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:02:01",
    "traffic": "207",
    "buffer": "83",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:03:01",
    "traffic": "111",
    "buffer": "53",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:04:01",
    "traffic": "51",
    "buffer": "25",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:05:01",
    "traffic": "33",
    "buffer": "21",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:06:01",
    "traffic": "93",
    "buffer": "40",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:07:01",
    "traffic": "6",
    "buffer": "25",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:08:02",
    "traffic": "9",
    "buffer": "11",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:09:01",
    "traffic": "6",
    "buffer": "10",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:10:01",
    "traffic": "3",
    "buffer": "9",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:11:01",
    "traffic": "9",
    "buffer": "11",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:12:01",
    "traffic": "267",
    "buffer": "97",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:13:01",
    "traffic": "159",
    "buffer": "61",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:14:02",
    "traffic": "237",
    "buffer": "104",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:15:01",
    "traffic": "36",
    "buffer": "20",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:16:02",
    "traffic": "15",
    "buffer": "13",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:17:02",
    "traffic": "318",
    "buffer": "114",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:18:02",
    "traffic": "216",
    "buffer": "87",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:19:02",
    "traffic": "306",
    "buffer": "112",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:20:02",
    "traffic": "57",
    "buffer": "30",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:21:01",
    "traffic": "96",
    "buffer": "40",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:22:02",
    "traffic": "189",
    "buffer": "71",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:23:01",
    "traffic": "357",
    "buffer": "133",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:24:02",
    "traffic": "78",
    "buffer": "34",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:25:01",
    "traffic": "123",
    "buffer": "49",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:26:01",
    "traffic": "159",
    "buffer": "61",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:27:01",
    "traffic": "180",
    "buffer": "68",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:28:02",
    "traffic": "336",
    "buffer": "122",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:29:02",
    "traffic": "342",
    "buffer": "122",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:30:02",
    "traffic": "228",
    "buffer": "97",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:31:02",
    "traffic": "123",
    "buffer": "49",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:32:01",
    "traffic": "222",
    "buffer": "82",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:33:02",
    "traffic": "156",
    "buffer": "79",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:34:01",
    "traffic": "288",
    "buffer": "104",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:35:01",
    "traffic": "270",
    "buffer": "116",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:36:01",
    "traffic": "189",
    "buffer": "71",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:37:02",
    "traffic": "147",
    "buffer": "63",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:38:01",
    "traffic": "144",
    "buffer": "56",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:39:02",
    "traffic": "87",
    "buffer": "64",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:40:02",
    "traffic": "189",
    "buffer": "71",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:41:01",
    "traffic": "198",
    "buffer": "82",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:42:01",
    "traffic": "96",
    "buffer": "47",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:43:01",
    "traffic": "228",
    "buffer": "91",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:44:02",
    "traffic": "129",
    "buffer": "51",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:45:01",
    "traffic": "207",
    "buffer": "77",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:46:01",
    "traffic": "81",
    "buffer": "42",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:47:01",
    "traffic": "3",
    "buffer": "21",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:48:01",
    "traffic": "111",
    "buffer": "45",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:49:02",
    "traffic": "144",
    "buffer": "56",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:50:01",
    "traffic": "174",
    "buffer": "66",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:51:01",
    "traffic": "117",
    "buffer": "47",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:52:02",
    "traffic": "12",
    "buffer": "12",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:53:01",
    "traffic": "24",
    "buffer": "16",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:54:02",
    "traffic": "102",
    "buffer": "43",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:55:02",
    "traffic": "222",
    "buffer": "82",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:56:02",
    "traffic": "144",
    "buffer": "57",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:57:01",
    "traffic": "105",
    "buffer": "43",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:58:02",
    "traffic": "111",
    "buffer": "48",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 11:59:01",
    "traffic": "96",
    "buffer": "40",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:00:01",
    "traffic": "243",
    "buffer": "89",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:01:01",
    "traffic": "96",
    "buffer": "48",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:02:02",
    "traffic": "60",
    "buffer": "28",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:03:03",
    "traffic": "90",
    "buffer": "45",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:04:01",
    "traffic": "69",
    "buffer": "31",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:05:01",
    "traffic": "66",
    "buffer": "30",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:06:02",
    "traffic": "66",
    "buffer": "30",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:07:01",
    "traffic": "63",
    "buffer": "29",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:08:02",
    "traffic": "30",
    "buffer": "18",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-04-25 12:09:01",
    "traffic": "207",
    "buffer": "77",
    "postponed": "0",
    "status": "1"
    }
     ];
var segmentation = 'hours';
var postConfigId = 'Traffic';
var timeoutHideSeries = 7000;
var timeoutDefaultSeries = 1500;

var dataLenght = Object.keys(data).length;
console.log('dataLenght:'+dataLenght);
if(postConfigId!=''){
    if(dataLenght==0){
        alert('Oops! You ran out of oxygen.\n\nThe chart for this filter setting have zero results.');
    }
}




var dateL = '<tr><td colspan="3" style="border-bottom:2px solid black">'
                +'<span style="color:black; font-size:18px">{categoryX}</span>'
           +'</td></tr>';
var lomitkoL = '[#000 font-size: 4px]\n ____________________ ____________________ ____________________ ____________________\n\n[/]';

var trafficL = '';
//trafficL = '\n[#000]Traffic: [/][#f6f9ff]BAC[/][bold #ae00da font-size: 18px]{traffic}[/]';
trafficL = '<tr><td>'
            +'<i class="fa-bar-chart fa" style="color:#002bff"></i>'
            +'</td><td>'
            +'<span style="color:#000">Traffic: </span>'
            +'</td><td>'
            +'<span style="color:#002bff; font-size:18px">{traffic}</span>'
           +'</td></tr>';    

var bufferL = '';
bufferL = '<tr><td>'
            +'<i class="fa-bar-chart fa" style="color:#a7a7a7"></i>'
            +'</td><td>'
            +'<span style="color:#000">Buffer: </span>'
            +'</td><td>'
            +'<span style="color:#a7a7a7; font-size:18px">{buffer}</span>'
           +'</td></tr>'; 
   
var postponedL = '';
postponedL = '<tr><td>'
            +'<i class="fa-bar-chart fa" style="color:#ffa722"></i>'
            +'</td><td>'
            +'<span style="color:#000">Postponed: </span>'
            +'</td><td>'
            +'<span style="color:#ffa722; font-size:18px">{postponed}</span>'
           +'</td></tr>'; 

var statusL = '';
//statusL = '\n[#000]Status: [/][bold #002bff font-size: 18px]{status}[/]';
statusL = '<tr><td>'
            +'<i class="fa-bar-chart fa" style="color:#f70000"></i>'
            +'</td><td>'
            +'<span style="color:#000">Status: </span>'
            +'</td><td>'
            +'<span style="color:#f70000; font-size:18px">{status}</span>'
           +'</td></tr>';     



var htmlTooltipString =  ''            
                        +'<table>'
                                + dateL + trafficL + bufferL + postponedL + statusL
                        +'</table>';
                
var popiskTooltipText = 'empty';

//var data = [];

// Data for both series
//var data = [ {
//  "year": "2009",
//  "income": 23.5,
//  "expenses": 21.1
//}, {
//  "year": "2014",
//  "income": 34.1,
//  "expenses": 32.9,
//  "strokeWidth": 1,
//  "columnDash": "5,5",
//  "fillOpacity": 0.2,
//  "additional": "(projection)"
//} ];

/* Create axes */ //new am4charts.DateAxis()
var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis());
categoryAxis.dataFields.category = "hour";
categoryAxis.renderer.labels.template.rotation = 0;
categoryAxis.renderer.labels.template.hideOversized = true;
categoryAxis.renderer.minGridDistance = 10;

    var povolene = [];
    var skokDate = Math.round(dataLenght/10)+1; 
    var pocitadlo = 1;
    var cikcak = ''; var cik = ''; var cak = '';
    console.log('dataLenght: '+dataLenght);        
    console.log('skokDate: '+skokDate);
    for (i = 0; i <= dataLenght; i++) {
        pocitadlo = pocitadlo + skokDate;
        if(pocitadlo < (dataLenght+10)){
            console.log('povolene: '+pocitadlo);        
            povolene.push(pocitadlo);
        }
    }
    pocitadlo = pocitadlo+skokDate;
    povolene.push(pocitadlo);
    pocitadlo = pocitadlo+skokDate;
    povolene.push(pocitadlo);
console.log('povolene^');
console.log(povolene);
pocitadlo = 1;
var pocitadloDatumy = 0;
//if(segmentation == 'hours'){
    categoryAxis.renderer.labels.template.adapter.add("textOutput", function(text) {
        pocitadlo++;
        
        if(povolene.indexOf((pocitadlo)) !== -1){ 
            console.log('import: '+pocitadlo);
            console.log('pocitadloDatumy: '+pocitadloDatumy);
            if(cikcak==''){cik = '[bold]'; cak = '[/]'; cikcak='bold'}else{cik = '[#828282]'; cak = '[/]'; cikcak=''}
            if((pocitadloDatumy % 1) == 0){
                pocitadloDatumy++;
//                cik = '[bold]'; cak = '[/]'; cikcak='bold';
                return text.replace(/([\d]{4})\-([\d]{2})\-([\d]{2}) ([\d]{2}):([\d]{2})(:[\d]{2})/, cik+"$4:$5"+cak);
            }else{
                pocitadloDatumy++;
//                cik = '[#828282]'; cak = '[/]'; cikcak=''
                return text.replace(/([\d]{4})\-([\d]{2})\-([\d]{2}) ([\d]{2}):([\d]{2})(:[\d]{2})/, cik+":$5"+cak);
            }
        }else{
            return "[#fff font-size:6px]`[/]";
        }       
    });
//}else{
//    categoryAxis.renderer.labels.template.adapter.add("textOutput", function(text) {
//        pocitadlo++;
//        if(povolene.indexOf((pocitadlo)) !== -1){ 
//            console.log('import: '+pocitadlo);
//            if(dataLenght<9){
//                return text.replace(/([\d]{4})\-([\d]{2})\-([\d]{2})/, "$3.$2 $1");
//            }else{
//                if(cikcak==''){
//                    cik = '[bold font-size:12px]'; cak = '[/]'; 
//                    cikcak='bold';
//                }else{
//                    cik = '[#828282 font-size:12px]'; cak = '[/]';
//                    cikcak='';
//                }                
//                return text.replace(/([\d]{4})\-([\d]{2})\-([\d]{2})/, cik+"$3.$2."+cak+"\n [#fff]..[/][font-size:10px]$1[/]");
//            }
//        }else{
//            return "[#fff font-size:6px]`[/]";
//        }       
//    });    
//}

/* Create value axis */
//var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());


var countValueAxis = chart.yAxes.push(new am4charts.ValueAxis());
countValueAxis.renderer.opposite = false;
countValueAxis.strictMinMax = false;
countValueAxis.renderer.grid.template.disabled = true;
//countValueAxis.numberFormatter = new am4core.NumberFormatter();
//countValueAxis.numberFormatter.numberFormat = "[#001fb5]#[/]";
//countValueAxis.numberFormatter.numberFormat = "[#002bff]#\n[/][#002bff bold font-size: 10px]' transactions'[/]";
//countValueAxis.cursorTooltipEnabled = true;

var countAxis = 'empty';
var countClustered = 0;



if('traffic' == 'traffic'){
    var columnSeriesTraffic = chart.series.push(new am4charts.ColumnSeries());
    columnSeriesTraffic.name = "Traffic";
    columnSeriesTraffic.dataFields.valueY = "traffic";
    columnSeriesTraffic.dataFields.categoryX = "hour";
    columnSeriesTraffic.clustered = false;

    //columnSeriesTraffic.columns.template.tooltipText = "[#fff font-size: 15px]{name} in {categoryX}:\n[/][#fff font-size: 20px]{valueY}[/] [#fff]{additional}[/]"
    columnSeriesTraffic.columns.template.propertyFields.fillOpacity = "fillOpacity";
    columnSeriesTraffic.columns.template.propertyFields.stroke = "stroke";
    columnSeriesTraffic.columns.template.propertyFields.strokeWidth = "strokeWidth";
    columnSeriesTraffic.columns.template.propertyFields.strokeDasharray = "columnDash";
    columnSeriesTraffic.columns.template.width = am4core.percent(50);
//    columnSeriesTraffic.columns.template.fill = am4core.color("#002bff");    
    columnSeriesTraffic.columns.template.fill = am4core.color("#ffffff");
    
    if(countAxis == 'empty'){
        columnSeriesTraffic.yAxis = countValueAxis;
        countAxis = 'ready';
    } 
    if(countClustered > 0){
        columnSeriesTraffic.clustered = false;
    }else{
        countClustered++;
    }    
    
    if(popiskTooltipText == 'empty'){
//        columnSeriesTraffic.tooltipText = dateL + lomitkoL + requestL + trafficL + statusL 
//                                 + revenueL + eCPML + bidPriceL + winRateL + bidRateL;
        columnSeriesTraffic.tooltipHTML = htmlTooltipString;
        columnSeriesTraffic.tooltip.label.textAlign = "left";
        columnSeriesTraffic.tooltip.getFillFromObject = false;
        columnSeriesTraffic.tooltip.autoTextColor = false;
        columnSeriesTraffic.tooltip.background.fill = am4core.color("#fff");
        popiskTooltipText = 'ready';
    }  
     
}





var bufferValueAxis = chart.yAxes.push(new am4charts.ValueAxis());
bufferValueAxis.renderer.opposite = true;
bufferValueAxis.strictMinMax = false; 
bufferValueAxis.renderer.grid.template.disabled = true;
bufferValueAxis.numberFormatter = new am4core.NumberFormatter();
bufferValueAxis.numberFormatter.numberFormat = "[#a7a7a7]# \n[/][#ffa722 bold font-size: 10px]'Buffer & Postponed '[/]";
bufferValueAxis.cursorTooltipEnabled = false;

var statusAxis = 'empty';


if('buffer' == 'buffer'){
    
    var statusLineSeries = chart.series.push(new am4charts.LineSeries());
    statusLineSeries.name = "Buffer";
    statusLineSeries.dataFields.valueY = "buffer";
    statusLineSeries.dataFields.categoryX = "hour";

    statusLineSeries.stroke = am4core.color("#a7a7a7");
    statusLineSeries.strokeWidth = 2;
    statusLineSeries.propertyFields.strokeDasharray = "lineDash";

    var ecpmBullet = statusLineSeries.bullets.push(new am4charts.Bullet());
    ecpmBullet.fill = am4core.color("#f70000"); 
    var ecpmCircle = ecpmBullet.createChild(am4core.Circle);
    ecpmCircle.radius = 7;
    ecpmCircle.fill = am4core.color("#fff"); 
    ecpmCircle.fillOpacity = 0.1;
    ecpmCircle.strokeWidth = 3;    
    
    if(statusAxis == 'empty'){
        statusLineSeries.yAxis = bufferValueAxis;
        statusAxis == 'ready';
    }  
    if(popiskTooltipText == 'empty'){    
        statusLineSeries.tooltipHTML = htmlTooltipString;
        statusLineSeries.tooltip.label.textAlign = "left";
        statusLineSeries.tooltip.getFillFromObject = false;
        statusLineSeries.tooltip.autoTextColor = false;
        statusLineSeries.tooltip.background.fill = am4core.color("#fff");
        popiskTooltipText = 'ready';
    } 

}

if('postponed' == 'postponed'){
    
    var statusLineSeries = chart.series.push(new am4charts.LineSeries());
    statusLineSeries.name = "Postponed";
    statusLineSeries.dataFields.valueY = "postponed";
    statusLineSeries.dataFields.categoryX = "hour";

    statusLineSeries.stroke = am4core.color("#ffa722");
    statusLineSeries.strokeWidth = 2;
    statusLineSeries.propertyFields.strokeDasharray = "lineDash";

    var bidpriceBullet = statusLineSeries.bullets.push(new am4charts.Bullet());
    bidpriceBullet.fill = am4core.color("#ff8f3f"); 
    var bidpriceCircle = bidpriceBullet.createChild(am4core.Circle);
    bidpriceCircle.radius = 4;
    bidpriceCircle.fill = am4core.color("#a7a7a7");
    bidpriceCircle.strokeWidth = 3;   
    
    if(statusAxis == 'empty'){
        statusLineSeries.yAxis = bufferValueAxis;
        statusAxis == 'ready';
    }  
    if(popiskTooltipText == 'empty'){    
        statusLineSeries.tooltipHTML = htmlTooltipString;
        statusLineSeries.tooltip.label.textAlign = "left";
        statusLineSeries.tooltip.getFillFromObject = false;
        statusLineSeries.tooltip.autoTextColor = false;
        statusLineSeries.tooltip.background.fill = am4core.color("#fff");
        popiskTooltipText = 'ready';
    } 

}








if('status' != 'status'){
    
    var statusValueAxis = chart.yAxes.push(new am4charts.ValueAxis());
    statusValueAxis.renderer.opposite = true;
    statusValueAxis.strictMinMax = true;
    statusValueAxis.min = 0;
    statusValueAxis.max = 2; 
    statusValueAxis.renderer.grid.template.disabled = true;
    statusValueAxis.numberFormatter = new am4core.NumberFormatter();
    statusValueAxis.numberFormatter.numberFormat = "[#f70000]#% \n[/][#f70000 bold font-size: 10px]'status ready '[/]";
    statusValueAxis.cursorTooltipEnabled = false;

    var statusAxis = 'empty';

    
    var statusLineSeries = chart.series.push(new am4charts.LineSeries());
    statusLineSeries.name = "Status";
    statusLineSeries.dataFields.valueY = "status";
    statusLineSeries.dataFields.categoryX = "hour";

    statusLineSeries.stroke = am4core.color("#f70000");
    statusLineSeries.strokeWidth = 2;
    statusLineSeries.propertyFields.strokeDasharray = "lineDash";

    var statusBullet = statusLineSeries.bullets.push(new am4charts.Bullet());
    statusBullet.fill = am4core.color("#f70000"); // tooltips grab fill from parent by default
    //bullet.tooltipText = "[#fff font-size: 15px]{name} in {categoryX}:\n[/][#fff font-size: 20px]{valueY}[/] [#fff]{additional}[/]"
    var statusTriangle = statusBullet.createChild(am4core.Triangle);
    statusTriangle.horizontalCenter = "middle";
    statusTriangle.verticalCenter = "bottom";
    //statusTriangle.stroke = am4core.color("#000");
    statusTriangle.direction = "top";
    statusTriangle.width = 5;
    statusTriangle.height = 20;    
    
    if(statusAxis == 'empty'){
        statusLineSeries.yAxis = statusValueAxis;
        statusAxis == 'ready';
    }  
    if(popiskTooltipText == 'empty'){    
//        statusLineSeries.tooltipText = dateL + lomitkoL + requestL + auctionL + impressionsL 
//                                 + statusL + eCPML + bidPriceL + winRateL + bidRateL;
        statusLineSeries.tooltipHTML = htmlTooltipString;
        statusLineSeries.tooltip.label.textAlign = "left";
        statusLineSeries.tooltip.getFillFromObject = false;
        statusLineSeries.tooltip.autoTextColor = false;
        statusLineSeries.tooltip.background.fill = am4core.color("#fff");
        popiskTooltipText = 'ready';
    } 
    
    setTimeout(function(){
        //statusValueAxis.hide();
        //statusTriangle.hide();
        //statusBullet.hide();
        //statusLineSeries.hide();
    }, 1000)
    
    
//    var columnSeriesStatus = chart.series.push(new am4charts.ColumnSeries());
//    columnSeriesStatus.name = "Status";
//    columnSeriesStatus.dataFields.valueY = "status";
//    columnSeriesStatus.dataFields.categoryX = "hour";
//    columnSeriesStatus.clustered = false;
//
//    //columnSeriesStatus.columns.template.tooltipText = "[#fff font-size: 15px]{name} in {categoryX}:\n[/][#fff font-size: 20px]{valueY}[/] [#fff]{additional}[/]"
//    columnSeriesStatus.columns.template.propertyFields.fillOpacity = "fillOpacity";
//    columnSeriesStatus.columns.template.propertyFields.stroke = "stroke";
//    columnSeriesStatus.columns.template.propertyFields.strokeWidth = "strokeWidth";
//    columnSeriesStatus.columns.template.propertyFields.strokeDasharray = "columnDash";
//    columnSeriesStatus.columns.template.propertyFields.fill = am4core.color("#000");
//    columnSeriesStatus.columns.template.width = am4core.percent(40);
//    columnSeriesStatus.columns.template.fill = am4core.color("#002bff");     
    
//    if(statusAxis == 'empty'){
//        columnSeriesStatus.yAxis = statusValueAxis;
//        countAxis = 'ready';
//    } 
//    if(countClustered > 0){
//        columnSeriesStatus.clustered = false;
//    }else{
//        countClustered++;
//    }    
//    
//    if(popiskTooltipText == 'empty'){
////        columnSeriesStatus.tooltipText = dateL + lomitkoL + requestL + trafficL + statusL 
////                                 + revenueL + eCPML + bidPriceL + winRateL + bidRateL;
//        columnSeriesStatus.tooltipHTML = htmlTooltipString;
//        columnSeriesStatus.tooltip.label.textAlign = "left";
//        columnSeriesStatus.tooltip.getFillFromObject = false;
//        columnSeriesStatus.tooltip.autoTextColor = false;
//        columnSeriesStatus.tooltip.background.fill = am4core.color("#fff");
//        popiskTooltipText = 'ready';
//    } 
    
    //hide Y axis
    //https://www.amcharts.com/docs/v4/tutorials/auto-hide-value-axes/

}


chart.data = data;



/* Add legend */
chart.legend = new am4charts.Legend();


chart.cursor = new am4charts.XYCursor();
//chart.cursor.maxTooltipDistance = 5;
//chart.cursor.behavior = "panX";
chart.cursor.behavior = "zoomX";

chart.cursor.events.on("behaviorcanceled", function(ev) {
    console.log('behaviorcanceled >> zoomX');    
    chart.cursor.behavior = "zoomX";    
});

chart.cursor.events.on("zoomended", function(ev) {
    console.log('zoomended >>panX');
    chart.cursor.behavior = "panX";    
});

chart.cursor.events.on("behaviorcanceled", function(ev) {
    console.log('behaviorcanceled >> ??');   
});
chart.cursor.events.on("dragstop", function(ev) {
    console.log('dragstop >> ??');   
});

//chart.exporting.timeoutDelay = 5000;

//chart.cursor.lineX.disabled = true;
//chart.cursor.lineY.disabled = true;

/* Set up cursor behavior */
//chart.cursor.behavior = "selectX";
//chart.cursor.events.on("selectended", function(ev) {
//  var range = ev.target.xRange;
//  var axis = ev.target.chart.xAxes.getIndex(0);
//  var from = axis.getPositionLabel(axis.toAxisPosition(range.start));
//  var to = axis.getPositionLabel(axis.toAxisPosition(range.end));
//  alert("Selected from " + from + " to " + to);
//});



}); // end am4core.ready()
</script><h1 style="">DB block number 5</h1>
<span style="color:grey; display: block; margin-top: -20px; margin-bottom: 5px">
www.kinobox.cz + www.rondo.cz + www.rondogo.hu + www.rondogo.sk + www.rondo.cz + www.kinobox.cz + nasetema.cz + auto-mania.cz</span>
<div id="chartdivtraffic-5"></div>