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-to2023-06-09 00:52";
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": "2023-06-08 22:53:01",
    "traffic": "5325",
    "buffer": "1833",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 22:54:02",
    "traffic": "4308",
    "buffer": "1506",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 22:55:02",
    "traffic": "4164",
    "buffer": "1487",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 22:56:01",
    "traffic": "5694",
    "buffer": "1942",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 22:57:01",
    "traffic": "5280",
    "buffer": "1853",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 22:58:02",
    "traffic": "6057",
    "buffer": "2066",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 22:59:02",
    "traffic": "6432",
    "buffer": "2230",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:00:01",
    "traffic": "6903",
    "buffer": "2362",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:01:01",
    "traffic": "6081",
    "buffer": "2093",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:02:01",
    "traffic": "5640",
    "buffer": "1936",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:03:02",
    "traffic": "5349",
    "buffer": "1829",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:04:01",
    "traffic": "6891",
    "buffer": "2411",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:05:02",
    "traffic": "5838",
    "buffer": "2072",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:06:02",
    "traffic": "6711",
    "buffer": "2285",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:07:02",
    "traffic": "6246",
    "buffer": "2146",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:08:02",
    "traffic": "5076",
    "buffer": "1764",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:09:01",
    "traffic": "4857",
    "buffer": "1687",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:10:02",
    "traffic": "4119",
    "buffer": "1436",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:11:01",
    "traffic": "4107",
    "buffer": "1441",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:12:01",
    "traffic": "5169",
    "buffer": "1815",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:13:02",
    "traffic": "5358",
    "buffer": "1852",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:14:01",
    "traffic": "5748",
    "buffer": "1983",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:15:02",
    "traffic": "4980",
    "buffer": "1721",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:16:02",
    "traffic": "3858",
    "buffer": "1374",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:17:01",
    "traffic": "5595",
    "buffer": "1925",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:18:01",
    "traffic": "4782",
    "buffer": "1674",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:19:01",
    "traffic": "4389",
    "buffer": "1559",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:20:02",
    "traffic": "4212",
    "buffer": "1543",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:21:01",
    "traffic": "4002",
    "buffer": "1374",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:22:02",
    "traffic": "5985",
    "buffer": "2050",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:23:02",
    "traffic": "3738",
    "buffer": "1324",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:24:02",
    "traffic": "3966",
    "buffer": "1377",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:25:02",
    "traffic": "4107",
    "buffer": "1413",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:26:02",
    "traffic": "3399",
    "buffer": "1189",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:27:01",
    "traffic": "4779",
    "buffer": "1661",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:28:02",
    "traffic": "3891",
    "buffer": "1372",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:29:02",
    "traffic": "3702",
    "buffer": "1287",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:30:01",
    "traffic": "3333",
    "buffer": "1171",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:31:02",
    "traffic": "3246",
    "buffer": "1129",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:32:01",
    "traffic": "4293",
    "buffer": "1482",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:33:02",
    "traffic": "3318",
    "buffer": "1150",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:34:01",
    "traffic": "4518",
    "buffer": "1554",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:35:02",
    "traffic": "4725",
    "buffer": "1662",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:36:02",
    "traffic": "3522",
    "buffer": "1241",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:37:01",
    "traffic": "3087",
    "buffer": "1087",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:38:01",
    "traffic": "3243",
    "buffer": "1158",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:39:02",
    "traffic": "3885",
    "buffer": "1341",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:40:02",
    "traffic": "3552",
    "buffer": "1240",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:41:02",
    "traffic": "2934",
    "buffer": "1019",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:42:01",
    "traffic": "3459",
    "buffer": "1227",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:43:02",
    "traffic": "4074",
    "buffer": "1425",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:44:01",
    "traffic": "3804",
    "buffer": "1323",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:45:02",
    "traffic": "4104",
    "buffer": "1411",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:46:01",
    "traffic": "2535",
    "buffer": "881",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:47:02",
    "traffic": "3633",
    "buffer": "1259",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:48:02",
    "traffic": "3414",
    "buffer": "1219",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:49:01",
    "traffic": "3186",
    "buffer": "1169",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:50:01",
    "traffic": "2946",
    "buffer": "1031",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:51:02",
    "traffic": "2622",
    "buffer": "923",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:52:01",
    "traffic": "3627",
    "buffer": "1263",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:53:02",
    "traffic": "3465",
    "buffer": "1225",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:54:01",
    "traffic": "3954",
    "buffer": "1371",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:55:02",
    "traffic": "3291",
    "buffer": "1188",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:56:01",
    "traffic": "3498",
    "buffer": "1253",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:57:02",
    "traffic": "2700",
    "buffer": "960",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:58:02",
    "traffic": "2403",
    "buffer": "865",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:59:01",
    "traffic": "2448",
    "buffer": "867",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:00:02",
    "traffic": "3111",
    "buffer": "1071",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:01:01",
    "traffic": "3603",
    "buffer": "1242",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:02:01",
    "traffic": "3366",
    "buffer": "1162",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:03:01",
    "traffic": "3834",
    "buffer": "1360",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:04:01",
    "traffic": "3375",
    "buffer": "1192",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:05:01",
    "traffic": "2664",
    "buffer": "954",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:06:02",
    "traffic": "3348",
    "buffer": "1175",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:07:01",
    "traffic": "2883",
    "buffer": "1020",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:08:02",
    "traffic": "3054",
    "buffer": "1060",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:09:01",
    "traffic": "2769",
    "buffer": "995",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:10:02",
    "traffic": "3477",
    "buffer": "1223",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:11:02",
    "traffic": "3537",
    "buffer": "1236",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:12:02",
    "traffic": "3090",
    "buffer": "1089",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:13:02",
    "traffic": "3450",
    "buffer": "1208",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:14:02",
    "traffic": "3864",
    "buffer": "1384",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:15:01",
    "traffic": "3261",
    "buffer": "1146",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:16:01",
    "traffic": "2895",
    "buffer": "1018",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:17:02",
    "traffic": "2946",
    "buffer": "1035",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:18:02",
    "traffic": "2178",
    "buffer": "771",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:19:03",
    "traffic": "2199",
    "buffer": "791",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:20:02",
    "traffic": "2028",
    "buffer": "722",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:21:01",
    "traffic": "3261",
    "buffer": "1127",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:22:02",
    "traffic": "2223",
    "buffer": "801",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:23:02",
    "traffic": "3300",
    "buffer": "1169",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:24:01",
    "traffic": "2688",
    "buffer": "976",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:25:02",
    "traffic": "2475",
    "buffer": "872",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:26:01",
    "traffic": "2778",
    "buffer": "971",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:27:02",
    "traffic": "2844",
    "buffer": "1059",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:28:02",
    "traffic": "2820",
    "buffer": "1016",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:29:01",
    "traffic": "2211",
    "buffer": "778",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:30:01",
    "traffic": "1794",
    "buffer": "643",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:31:01",
    "traffic": "1983",
    "buffer": "703",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:32:02",
    "traffic": "2373",
    "buffer": "830",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:33:01",
    "traffic": "2910",
    "buffer": "1030",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:34:02",
    "traffic": "2592",
    "buffer": "928",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:35:01",
    "traffic": "1752",
    "buffer": "630",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:36:01",
    "traffic": "2094",
    "buffer": "744",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:37:02",
    "traffic": "1854",
    "buffer": "673",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:38:02",
    "traffic": "2757",
    "buffer": "965",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:39:01",
    "traffic": "2376",
    "buffer": "867",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:40:01",
    "traffic": "2166",
    "buffer": "759",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:41:02",
    "traffic": "1953",
    "buffer": "723",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:42:01",
    "traffic": "2580",
    "buffer": "916",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:43:02",
    "traffic": "2148",
    "buffer": "768",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:44:02",
    "traffic": "2460",
    "buffer": "868",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:45:01",
    "traffic": "2010",
    "buffer": "724",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:46:02",
    "traffic": "2547",
    "buffer": "886",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:47:01",
    "traffic": "1725",
    "buffer": "628",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:48:03",
    "traffic": "2328",
    "buffer": "834",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:49:02",
    "traffic": "2085",
    "buffer": "743",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:50:01",
    "traffic": "2859",
    "buffer": "1009",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:51:02",
    "traffic": "2874",
    "buffer": "1029",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:52:02",
    "traffic": "2412",
    "buffer": "855",
    "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">
macbooky.eu + www.parabola.cz + wtechnews.com + gamesnk.com + otakuworldgames.com + g.cz + www.fdb.cz + www.fdb.cz + www.fdb.cz + www.fdb.cz + www.fdb.cz + www.fdb.cz + www.fdb.cz + www.fdb.cz + www.fdb.cz + www.fdb.cz + www.fdb.cz + serialzone.cz + sars-cov.cz + bez-bazaru.cz + www.peniaze.sk + www.onlyu.cz + animalcanine.com + cesky-jazyk.cz + www.tvojechvilka.cz + www.jimeto.cz + www.onlyu.cz + serialzone.cz + g.cz + serialzone.cz + serialzone.cz + serialzone.cz + techinroll.com + www.qap.cz + releasingcars.com + anisurion.com + checkingcars.com + www.fdb.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-to2023-06-09 00:52";
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": "2023-06-08 22:53:01",
    "traffic": "14643",
    "buffer": "4921",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 22:54:02",
    "traffic": "14412",
    "buffer": "4845",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 22:55:02",
    "traffic": "23835",
    "buffer": "7989",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 22:56:02",
    "traffic": "22482",
    "buffer": "7572",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 22:57:01",
    "traffic": "20547",
    "buffer": "6904",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 22:58:02",
    "traffic": "14400",
    "buffer": "4841",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 22:59:01",
    "traffic": "16836",
    "buffer": "5656",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:00:02",
    "traffic": "12669",
    "buffer": "4272",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:01:01",
    "traffic": "12240",
    "buffer": "4108",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:02:02",
    "traffic": "13713",
    "buffer": "4614",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:03:02",
    "traffic": "16275",
    "buffer": "5435",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:04:01",
    "traffic": "13518",
    "buffer": "4538",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:05:02",
    "traffic": "11589",
    "buffer": "3872",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:06:02",
    "traffic": "15318",
    "buffer": "5144",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:07:02",
    "traffic": "12756",
    "buffer": "4267",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:08:02",
    "traffic": "14463",
    "buffer": "4861",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:09:02",
    "traffic": "11604",
    "buffer": "3899",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:10:02",
    "traffic": "10761",
    "buffer": "3618",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:11:01",
    "traffic": "11907",
    "buffer": "3998",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:12:02",
    "traffic": "11637",
    "buffer": "3919",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:13:02",
    "traffic": "12231",
    "buffer": "4104",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:14:01",
    "traffic": "13611",
    "buffer": "4574",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:15:02",
    "traffic": "12243",
    "buffer": "4192",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:16:02",
    "traffic": "12471",
    "buffer": "4200",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:17:01",
    "traffic": "12966",
    "buffer": "4364",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:18:02",
    "traffic": "11283",
    "buffer": "3841",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:19:01",
    "traffic": "11535",
    "buffer": "3875",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:20:02",
    "traffic": "10584",
    "buffer": "3618",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:21:02",
    "traffic": "11052",
    "buffer": "3708",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:22:02",
    "traffic": "11025",
    "buffer": "3761",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:23:01",
    "traffic": "9828",
    "buffer": "3312",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:24:02",
    "traffic": "9807",
    "buffer": "3319",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:25:02",
    "traffic": "9096",
    "buffer": "3057",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:26:02",
    "traffic": "11037",
    "buffer": "3705",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:27:02",
    "traffic": "10113",
    "buffer": "3409",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:28:02",
    "traffic": "10875",
    "buffer": "3663",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:29:02",
    "traffic": "9837",
    "buffer": "3312",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:30:01",
    "traffic": "10833",
    "buffer": "3640",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:31:02",
    "traffic": "10377",
    "buffer": "3485",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:32:02",
    "traffic": "10476",
    "buffer": "3501",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:33:01",
    "traffic": "9216",
    "buffer": "3103",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:34:02",
    "traffic": "10227",
    "buffer": "3435",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:35:02",
    "traffic": "9090",
    "buffer": "3094",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:36:02",
    "traffic": "10968",
    "buffer": "3684",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:37:01",
    "traffic": "7824",
    "buffer": "2643",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:38:01",
    "traffic": "7836",
    "buffer": "2635",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:39:02",
    "traffic": "7770",
    "buffer": "2619",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:40:02",
    "traffic": "10671",
    "buffer": "3587",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:41:02",
    "traffic": "10791",
    "buffer": "3632",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:42:02",
    "traffic": "9885",
    "buffer": "3329",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:43:02",
    "traffic": "8706",
    "buffer": "2929",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:44:01",
    "traffic": "10974",
    "buffer": "3688",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:45:02",
    "traffic": "9447",
    "buffer": "3183",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:46:01",
    "traffic": "7785",
    "buffer": "2622",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:47:01",
    "traffic": "8373",
    "buffer": "2799",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:48:01",
    "traffic": "7422",
    "buffer": "2520",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:49:02",
    "traffic": "7323",
    "buffer": "2472",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:50:01",
    "traffic": "7716",
    "buffer": "2589",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:51:01",
    "traffic": "8799",
    "buffer": "2960",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:52:02",
    "traffic": "8241",
    "buffer": "2755",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:53:02",
    "traffic": "9948",
    "buffer": "3342",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:54:02",
    "traffic": "9789",
    "buffer": "3303",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:55:02",
    "traffic": "7149",
    "buffer": "2391",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:56:01",
    "traffic": "7644",
    "buffer": "2566",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:57:02",
    "traffic": "8112",
    "buffer": "2733",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:58:03",
    "traffic": "8325",
    "buffer": "2873",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:59:01",
    "traffic": "8133",
    "buffer": "2730",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:00:02",
    "traffic": "7119",
    "buffer": "2393",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:01:01",
    "traffic": "6015",
    "buffer": "2022",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:02:01",
    "traffic": "6036",
    "buffer": "2036",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:03:02",
    "traffic": "7011",
    "buffer": "2372",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:04:02",
    "traffic": "5613",
    "buffer": "1887",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:05:02",
    "traffic": "6672",
    "buffer": "2252",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:06:02",
    "traffic": "7740",
    "buffer": "2600",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:07:02",
    "traffic": "7743",
    "buffer": "2609",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:08:02",
    "traffic": "7707",
    "buffer": "2621",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:09:02",
    "traffic": "6396",
    "buffer": "2140",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:10:02",
    "traffic": "7116",
    "buffer": "2391",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:11:02",
    "traffic": "5187",
    "buffer": "1750",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:12:01",
    "traffic": "6321",
    "buffer": "2123",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:13:02",
    "traffic": "5988",
    "buffer": "2004",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:14:02",
    "traffic": "8526",
    "buffer": "2859",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:15:01",
    "traffic": "7284",
    "buffer": "2449",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:16:01",
    "traffic": "7056",
    "buffer": "2373",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:17:02",
    "traffic": "7332",
    "buffer": "2461",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:18:03",
    "traffic": "7011",
    "buffer": "2433",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:19:02",
    "traffic": "5955",
    "buffer": "2002",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:20:02",
    "traffic": "6606",
    "buffer": "2224",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:21:01",
    "traffic": "6300",
    "buffer": "2108",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:22:01",
    "traffic": "6039",
    "buffer": "2032",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:23:02",
    "traffic": "6261",
    "buffer": "2095",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:24:01",
    "traffic": "5862",
    "buffer": "1973",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:25:02",
    "traffic": "6795",
    "buffer": "2297",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:26:01",
    "traffic": "5250",
    "buffer": "1766",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:27:01",
    "traffic": "7830",
    "buffer": "2634",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:28:02",
    "traffic": "7590",
    "buffer": "2562",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:29:01",
    "traffic": "6948",
    "buffer": "2331",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:30:01",
    "traffic": "6036",
    "buffer": "2031",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:31:01",
    "traffic": "4839",
    "buffer": "1635",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:32:01",
    "traffic": "5670",
    "buffer": "1908",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:33:02",
    "traffic": "5739",
    "buffer": "1927",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:34:02",
    "traffic": "5889",
    "buffer": "1983",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:35:01",
    "traffic": "5418",
    "buffer": "1820",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:36:02",
    "traffic": "5001",
    "buffer": "1682",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:37:02",
    "traffic": "4779",
    "buffer": "1609",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:38:03",
    "traffic": "4629",
    "buffer": "1551",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:39:02",
    "traffic": "5013",
    "buffer": "1679",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:40:01",
    "traffic": "4812",
    "buffer": "1619",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:41:02",
    "traffic": "4899",
    "buffer": "1659",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:42:01",
    "traffic": "5268",
    "buffer": "1771",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:43:02",
    "traffic": "4152",
    "buffer": "1392",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:44:02",
    "traffic": "4377",
    "buffer": "1471",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:45:01",
    "traffic": "3378",
    "buffer": "1139",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:46:03",
    "traffic": "5625",
    "buffer": "2015",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:47:01",
    "traffic": "5409",
    "buffer": "1820",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:48:02",
    "traffic": "4347",
    "buffer": "1465",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:49:01",
    "traffic": "4263",
    "buffer": "1439",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:50:01",
    "traffic": "4335",
    "buffer": "1466",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:51:02",
    "traffic": "5199",
    "buffer": "1753",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:52:02",
    "traffic": "4983",
    "buffer": "1677",
    "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 + www.extra.cz + www.extra.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-to2023-06-09 00:52";
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": "2023-06-08 22:53:01",
    "traffic": "5703",
    "buffer": "1911",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 22:54:02",
    "traffic": "5748",
    "buffer": "1925",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 22:55:02",
    "traffic": "5772",
    "buffer": "1934",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 22:56:01",
    "traffic": "6375",
    "buffer": "2133",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 22:57:02",
    "traffic": "5502",
    "buffer": "1842",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 22:58:01",
    "traffic": "5976",
    "buffer": "2000",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 22:59:02",
    "traffic": "6777",
    "buffer": "2267",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:00:02",
    "traffic": "5016",
    "buffer": "1680",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:01:01",
    "traffic": "5277",
    "buffer": "1769",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:02:01",
    "traffic": "5181",
    "buffer": "1735",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:03:02",
    "traffic": "4392",
    "buffer": "1472",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:04:02",
    "traffic": "6132",
    "buffer": "2052",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:05:02",
    "traffic": "4248",
    "buffer": "1424",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:06:03",
    "traffic": "4536",
    "buffer": "1520",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:07:01",
    "traffic": "4824",
    "buffer": "1616",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:08:02",
    "traffic": "4629",
    "buffer": "1551",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:09:01",
    "traffic": "4770",
    "buffer": "1598",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:10:01",
    "traffic": "5277",
    "buffer": "1767",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:11:02",
    "traffic": "4929",
    "buffer": "1651",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:12:01",
    "traffic": "5079",
    "buffer": "1701",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:13:02",
    "traffic": "5622",
    "buffer": "1882",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:14:01",
    "traffic": "4809",
    "buffer": "1611",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:15:02",
    "traffic": "4863",
    "buffer": "1633",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:16:02",
    "traffic": "4263",
    "buffer": "1429",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:17:01",
    "traffic": "4503",
    "buffer": "1509",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:18:02",
    "traffic": "4662",
    "buffer": "1562",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:19:01",
    "traffic": "3195",
    "buffer": "1073",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:20:02",
    "traffic": "3726",
    "buffer": "1250",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:21:01",
    "traffic": "3231",
    "buffer": "1085",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:22:02",
    "traffic": "3345",
    "buffer": "1123",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:23:01",
    "traffic": "2949",
    "buffer": "993",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:24:03",
    "traffic": "3594",
    "buffer": "1206",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:25:01",
    "traffic": "3996",
    "buffer": "1340",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:26:02",
    "traffic": "4350",
    "buffer": "1458",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:27:01",
    "traffic": "4431",
    "buffer": "1485",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:28:01",
    "traffic": "2487",
    "buffer": "837",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:29:02",
    "traffic": "3849",
    "buffer": "1291",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:30:02",
    "traffic": "3900",
    "buffer": "1308",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:31:02",
    "traffic": "3687",
    "buffer": "1237",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:32:01",
    "traffic": "3933",
    "buffer": "1319",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:33:02",
    "traffic": "3648",
    "buffer": "1237",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:34:01",
    "traffic": "3990",
    "buffer": "1338",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:35:02",
    "traffic": "4314",
    "buffer": "1446",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:36:02",
    "traffic": "4269",
    "buffer": "1431",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:37:01",
    "traffic": "3324",
    "buffer": "1116",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:38:01",
    "traffic": "3243",
    "buffer": "1089",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:39:02",
    "traffic": "3765",
    "buffer": "1263",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:40:02",
    "traffic": "3258",
    "buffer": "1094",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:41:02",
    "traffic": "3297",
    "buffer": "1107",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:42:01",
    "traffic": "3636",
    "buffer": "1220",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:43:02",
    "traffic": "2667",
    "buffer": "897",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:44:02",
    "traffic": "2508",
    "buffer": "844",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:45:02",
    "traffic": "3384",
    "buffer": "1136",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:46:01",
    "traffic": "3405",
    "buffer": "1143",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:47:02",
    "traffic": "3147",
    "buffer": "1057",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:48:01",
    "traffic": "4161",
    "buffer": "1395",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:49:01",
    "traffic": "3342",
    "buffer": "1122",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:50:01",
    "traffic": "3483",
    "buffer": "1169",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:51:01",
    "traffic": "3360",
    "buffer": "1129",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:52:01",
    "traffic": "3123",
    "buffer": "1049",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:53:01",
    "traffic": "3234",
    "buffer": "1086",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:54:01",
    "traffic": "2970",
    "buffer": "998",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:55:01",
    "traffic": "2991",
    "buffer": "1005",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:56:01",
    "traffic": "3618",
    "buffer": "1214",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:57:02",
    "traffic": "3078",
    "buffer": "1034",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:58:03",
    "traffic": "2853",
    "buffer": "959",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:59:01",
    "traffic": "2991",
    "buffer": "1005",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:00:02",
    "traffic": "2427",
    "buffer": "817",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:01:01",
    "traffic": "3021",
    "buffer": "1015",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:02:01",
    "traffic": "2769",
    "buffer": "931",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:03:01",
    "traffic": "2214",
    "buffer": "746",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:04:02",
    "traffic": "2820",
    "buffer": "948",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:05:01",
    "traffic": "2898",
    "buffer": "974",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:06:02",
    "traffic": "2877",
    "buffer": "967",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:07:01",
    "traffic": "3285",
    "buffer": "1103",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:08:02",
    "traffic": "2424",
    "buffer": "816",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:09:01",
    "traffic": "2814",
    "buffer": "946",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:10:02",
    "traffic": "3279",
    "buffer": "1101",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:11:02",
    "traffic": "2166",
    "buffer": "730",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:12:01",
    "traffic": "1968",
    "buffer": "665",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:13:02",
    "traffic": "1803",
    "buffer": "609",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:14:02",
    "traffic": "1929",
    "buffer": "651",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:15:01",
    "traffic": "2541",
    "buffer": "855",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:16:01",
    "traffic": "1545",
    "buffer": "524",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:17:02",
    "traffic": "2568",
    "buffer": "864",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:18:03",
    "traffic": "2382",
    "buffer": "808",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:19:02",
    "traffic": "2487",
    "buffer": "837",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:20:01",
    "traffic": "2625",
    "buffer": "883",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:21:01",
    "traffic": "2802",
    "buffer": "942",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:22:01",
    "traffic": "2439",
    "buffer": "821",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:23:02",
    "traffic": "1779",
    "buffer": "601",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:24:02",
    "traffic": "2001",
    "buffer": "675",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:25:02",
    "traffic": "1803",
    "buffer": "609",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:26:01",
    "traffic": "2634",
    "buffer": "886",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:27:02",
    "traffic": "2541",
    "buffer": "856",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:28:02",
    "traffic": "1665",
    "buffer": "563",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:29:01",
    "traffic": "1515",
    "buffer": "513",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:30:03",
    "traffic": "2619",
    "buffer": "921",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:31:01",
    "traffic": "2061",
    "buffer": "696",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:32:01",
    "traffic": "1830",
    "buffer": "618",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:33:01",
    "traffic": "2427",
    "buffer": "817",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:34:02",
    "traffic": "1863",
    "buffer": "629",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:35:02",
    "traffic": "1695",
    "buffer": "573",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:36:02",
    "traffic": "2313",
    "buffer": "779",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:37:02",
    "traffic": "1521",
    "buffer": "515",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:38:02",
    "traffic": "1626",
    "buffer": "550",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:39:01",
    "traffic": "1545",
    "buffer": "523",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:40:01",
    "traffic": "1827",
    "buffer": "617",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:41:02",
    "traffic": "1758",
    "buffer": "594",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:42:01",
    "traffic": "2175",
    "buffer": "733",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:43:02",
    "traffic": "2082",
    "buffer": "702",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:44:02",
    "traffic": "1551",
    "buffer": "525",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:45:02",
    "traffic": "1950",
    "buffer": "658",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:46:02",
    "traffic": "1845",
    "buffer": "623",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:47:01",
    "traffic": "1827",
    "buffer": "617",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:48:02",
    "traffic": "1761",
    "buffer": "595",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:49:01",
    "traffic": "1635",
    "buffer": "553",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:50:01",
    "traffic": "1602",
    "buffer": "542",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:51:03",
    "traffic": "1080",
    "buffer": "384",
    "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-to2023-06-09 00:52";
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": "2023-06-08 22:53:01",
    "traffic": "4368",
    "buffer": "1551",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 22:54:01",
    "traffic": "4605",
    "buffer": "1616",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 22:55:02",
    "traffic": "4590",
    "buffer": "1620",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 22:56:02",
    "traffic": "3951",
    "buffer": "1423",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 22:57:01",
    "traffic": "4059",
    "buffer": "1451",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 22:58:01",
    "traffic": "5778",
    "buffer": "2028",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 22:59:02",
    "traffic": "5031",
    "buffer": "1759",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:00:02",
    "traffic": "4254",
    "buffer": "1516",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:01:01",
    "traffic": "3972",
    "buffer": "1415",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:02:01",
    "traffic": "4566",
    "buffer": "1615",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:03:02",
    "traffic": "4263",
    "buffer": "1506",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:04:01",
    "traffic": "4317",
    "buffer": "1525",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:05:02",
    "traffic": "3627",
    "buffer": "1303",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:06:02",
    "traffic": "3795",
    "buffer": "1365",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:07:02",
    "traffic": "3045",
    "buffer": "1103",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:08:02",
    "traffic": "3888",
    "buffer": "1378",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:09:01",
    "traffic": "3912",
    "buffer": "1396",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:10:02",
    "traffic": "4476",
    "buffer": "1588",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:11:01",
    "traffic": "3474",
    "buffer": "1261",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:12:01",
    "traffic": "3864",
    "buffer": "1370",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:13:02",
    "traffic": "3825",
    "buffer": "1354",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:14:01",
    "traffic": "3996",
    "buffer": "1412",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:15:02",
    "traffic": "4050",
    "buffer": "1459",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:16:01",
    "traffic": "4032",
    "buffer": "1426",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:17:01",
    "traffic": "3123",
    "buffer": "1139",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:18:02",
    "traffic": "3222",
    "buffer": "1189",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:19:02",
    "traffic": "3876",
    "buffer": "1396",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:20:02",
    "traffic": "3378",
    "buffer": "1228",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:21:01",
    "traffic": "3195",
    "buffer": "1146",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:22:02",
    "traffic": "3288",
    "buffer": "1177",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:23:01",
    "traffic": "3348",
    "buffer": "1197",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:24:02",
    "traffic": "2499",
    "buffer": "926",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:25:02",
    "traffic": "2544",
    "buffer": "915",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:26:02",
    "traffic": "2919",
    "buffer": "1057",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:27:01",
    "traffic": "3279",
    "buffer": "1162",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:28:02",
    "traffic": "3387",
    "buffer": "1231",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:29:02",
    "traffic": "2973",
    "buffer": "1079",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:30:01",
    "traffic": "3432",
    "buffer": "1226",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:31:02",
    "traffic": "3282",
    "buffer": "1228",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:32:01",
    "traffic": "2808",
    "buffer": "1055",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:33:02",
    "traffic": "3315",
    "buffer": "1231",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:34:02",
    "traffic": "3447",
    "buffer": "1252",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:35:02",
    "traffic": "3243",
    "buffer": "1167",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:36:02",
    "traffic": "2940",
    "buffer": "1090",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:37:02",
    "traffic": "2568",
    "buffer": "960",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:38:01",
    "traffic": "2802",
    "buffer": "1011",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:39:02",
    "traffic": "2574",
    "buffer": "965",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:40:01",
    "traffic": "2967",
    "buffer": "1072",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:41:02",
    "traffic": "2970",
    "buffer": "1085",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:42:02",
    "traffic": "2961",
    "buffer": "1073",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:43:02",
    "traffic": "3168",
    "buffer": "1154",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:44:01",
    "traffic": "3261",
    "buffer": "1193",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:45:02",
    "traffic": "3180",
    "buffer": "1134",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:46:01",
    "traffic": "2649",
    "buffer": "964",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:47:01",
    "traffic": "2958",
    "buffer": "1089",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:48:01",
    "traffic": "2889",
    "buffer": "1046",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:49:02",
    "traffic": "2490",
    "buffer": "928",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:50:01",
    "traffic": "2205",
    "buffer": "834",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:51:02",
    "traffic": "3258",
    "buffer": "1176",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:52:01",
    "traffic": "3081",
    "buffer": "1160",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:53:02",
    "traffic": "2628",
    "buffer": "976",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:54:02",
    "traffic": "3516",
    "buffer": "1283",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:55:02",
    "traffic": "2745",
    "buffer": "1020",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:56:01",
    "traffic": "2703",
    "buffer": "995",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:57:02",
    "traffic": "3237",
    "buffer": "1160",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:58:03",
    "traffic": "3330",
    "buffer": "1198",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:59:02",
    "traffic": "3222",
    "buffer": "1155",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:00:02",
    "traffic": "2691",
    "buffer": "992",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:01:01",
    "traffic": "3522",
    "buffer": "1257",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:02:01",
    "traffic": "2838",
    "buffer": "1064",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:03:01",
    "traffic": "2694",
    "buffer": "1008",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:04:01",
    "traffic": "2808",
    "buffer": "1014",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:05:01",
    "traffic": "2481",
    "buffer": "913",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:06:02",
    "traffic": "2031",
    "buffer": "758",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:07:01",
    "traffic": "2709",
    "buffer": "970",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:08:01",
    "traffic": "2895",
    "buffer": "1052",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:09:01",
    "traffic": "2490",
    "buffer": "901",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:10:02",
    "traffic": "2508",
    "buffer": "924",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:11:02",
    "traffic": "2733",
    "buffer": "1016",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:12:01",
    "traffic": "2496",
    "buffer": "939",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:13:02",
    "traffic": "2547",
    "buffer": "933",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:14:02",
    "traffic": "2859",
    "buffer": "1065",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:15:01",
    "traffic": "2112",
    "buffer": "788",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:16:02",
    "traffic": "2436",
    "buffer": "895",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:17:02",
    "traffic": "2325",
    "buffer": "867",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:18:01",
    "traffic": "2301",
    "buffer": "866",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:19:02",
    "traffic": "2364",
    "buffer": "879",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:20:01",
    "traffic": "2595",
    "buffer": "953",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:21:01",
    "traffic": "2193",
    "buffer": "819",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:22:01",
    "traffic": "3207",
    "buffer": "1155",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:23:03",
    "traffic": "2874",
    "buffer": "1057",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:24:01",
    "traffic": "2625",
    "buffer": "978",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:25:02",
    "traffic": "2367",
    "buffer": "885",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:26:01",
    "traffic": "2226",
    "buffer": "836",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:27:01",
    "traffic": "2175",
    "buffer": "806",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:28:02",
    "traffic": "2562",
    "buffer": "938",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:29:01",
    "traffic": "2067",
    "buffer": "776",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:30:03",
    "traffic": "2154",
    "buffer": "799",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:31:01",
    "traffic": "1851",
    "buffer": "707",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:32:01",
    "traffic": "2121",
    "buffer": "797",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:33:02",
    "traffic": "2316",
    "buffer": "849",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:34:02",
    "traffic": "2013",
    "buffer": "737",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:35:01",
    "traffic": "2763",
    "buffer": "1014",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:36:01",
    "traffic": "2334",
    "buffer": "853",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:37:02",
    "traffic": "2358",
    "buffer": "865",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:38:02",
    "traffic": "2760",
    "buffer": "1020",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:39:01",
    "traffic": "2043",
    "buffer": "765",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:40:01",
    "traffic": "2385",
    "buffer": "885",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:41:02",
    "traffic": "2919",
    "buffer": "1076",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:42:01",
    "traffic": "2202",
    "buffer": "806",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:43:01",
    "traffic": "2898",
    "buffer": "1069",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:44:02",
    "traffic": "2037",
    "buffer": "754",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:45:02",
    "traffic": "2346",
    "buffer": "858",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:46:02",
    "traffic": "2661",
    "buffer": "975",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:47:01",
    "traffic": "2061",
    "buffer": "769",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:48:02",
    "traffic": "2151",
    "buffer": "794",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:49:01",
    "traffic": "2343",
    "buffer": "866",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:50:01",
    "traffic": "1956",
    "buffer": "758",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:51:02",
    "traffic": "2103",
    "buffer": "793",
    "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 + applemag.eu + www.testyojetin.cz + www.cryptonews.cz + www.footballclub.cz + serialyzdarma.com + napovime.cz + www.jsmekocky.cz + www.cestyavylety.cz + motorbakery.com + diit.cz + cdr.cz + www.cestovinky.cz + www.zkouknito.cz + playtv.cz + sdilej.cz + fastshare.cz + www.toprecepty.cz + www.meteocentrum.cz + www.auta.cz + fastshare.cz + sdilej.cz + www.auta.cz + www.hybrid.cz + www.cestyavylety.cz + keepfooding.com + motoroilblood.com + feelthecook.com + recipesist.com + 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-to2023-06-09 00:52";
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": "2023-06-08 22:53:01",
    "traffic": "10098",
    "buffer": "4182",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 22:54:02",
    "traffic": "10767",
    "buffer": "4472",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 22:55:02",
    "traffic": "11793",
    "buffer": "4544",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 22:56:01",
    "traffic": "11511",
    "buffer": "4747",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 22:57:02",
    "traffic": "10836",
    "buffer": "4158",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 22:58:01",
    "traffic": "10773",
    "buffer": "4544",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 22:59:01",
    "traffic": "10428",
    "buffer": "4102",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:00:02",
    "traffic": "10392",
    "buffer": "4475",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:01:01",
    "traffic": "9447",
    "buffer": "3872",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:02:01",
    "traffic": "12342",
    "buffer": "4814",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:03:02",
    "traffic": "8676",
    "buffer": "3744",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:04:02",
    "traffic": "8274",
    "buffer": "3331",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:05:02",
    "traffic": "7935",
    "buffer": "3251",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:06:02",
    "traffic": "9384",
    "buffer": "3683",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:07:02",
    "traffic": "8991",
    "buffer": "3570",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:08:02",
    "traffic": "9330",
    "buffer": "3853",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:09:01",
    "traffic": "10200",
    "buffer": "4081",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:10:02",
    "traffic": "9882",
    "buffer": "4138",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:11:01",
    "traffic": "8865",
    "buffer": "3741",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:12:01",
    "traffic": "8406",
    "buffer": "3455",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:13:01",
    "traffic": "10335",
    "buffer": "3909",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:14:01",
    "traffic": "9183",
    "buffer": "3787",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:15:02",
    "traffic": "9105",
    "buffer": "3678",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:16:01",
    "traffic": "10077",
    "buffer": "3964",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:17:01",
    "traffic": "9810",
    "buffer": "4094",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:18:02",
    "traffic": "9357",
    "buffer": "3964",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:19:01",
    "traffic": "9864",
    "buffer": "3918",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:20:02",
    "traffic": "7215",
    "buffer": "3152",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:21:01",
    "traffic": "9513",
    "buffer": "3606",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:22:02",
    "traffic": "9831",
    "buffer": "3751",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:23:01",
    "traffic": "10506",
    "buffer": "4180",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:24:02",
    "traffic": "8760",
    "buffer": "3813",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:25:02",
    "traffic": "10758",
    "buffer": "4376",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:26:02",
    "traffic": "7425",
    "buffer": "3098",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:27:01",
    "traffic": "10101",
    "buffer": "3906",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:28:02",
    "traffic": "7089",
    "buffer": "2953",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:29:02",
    "traffic": "7890",
    "buffer": "3072",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:30:02",
    "traffic": "8643",
    "buffer": "3366",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:31:02",
    "traffic": "8271",
    "buffer": "3472",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:32:01",
    "traffic": "9594",
    "buffer": "3687",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:33:02",
    "traffic": "7725",
    "buffer": "3318",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:34:01",
    "traffic": "8292",
    "buffer": "3452",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:35:02",
    "traffic": "8757",
    "buffer": "3433",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:36:02",
    "traffic": "10047",
    "buffer": "4082",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:37:02",
    "traffic": "9561",
    "buffer": "3935",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:38:01",
    "traffic": "8352",
    "buffer": "3482",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:39:02",
    "traffic": "8556",
    "buffer": "3536",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:40:02",
    "traffic": "7530",
    "buffer": "3166",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:41:02",
    "traffic": "7005",
    "buffer": "2919",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:42:01",
    "traffic": "7950",
    "buffer": "3229",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:43:02",
    "traffic": "8646",
    "buffer": "3517",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:44:01",
    "traffic": "7353",
    "buffer": "3284",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:45:01",
    "traffic": "8055",
    "buffer": "3249",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:46:02",
    "traffic": "8448",
    "buffer": "3471",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:47:01",
    "traffic": "6849",
    "buffer": "2942",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:48:02",
    "traffic": "8697",
    "buffer": "3418",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:49:01",
    "traffic": "6975",
    "buffer": "2901",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:50:01",
    "traffic": "7311",
    "buffer": "2855",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:51:02",
    "traffic": "7338",
    "buffer": "2919",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:52:01",
    "traffic": "7203",
    "buffer": "2885",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:53:01",
    "traffic": "7911",
    "buffer": "3233",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:54:02",
    "traffic": "6381",
    "buffer": "2744",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:55:02",
    "traffic": "7734",
    "buffer": "3051",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:56:01",
    "traffic": "7704",
    "buffer": "3286",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:57:02",
    "traffic": "7788",
    "buffer": "3254",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:58:02",
    "traffic": "7269",
    "buffer": "3095",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:59:01",
    "traffic": "6594",
    "buffer": "2845",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:00:02",
    "traffic": "7791",
    "buffer": "3135",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:01:01",
    "traffic": "6597",
    "buffer": "2686",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:02:01",
    "traffic": "6468",
    "buffer": "2686",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:03:01",
    "traffic": "6822",
    "buffer": "2709",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:04:02",
    "traffic": "5760",
    "buffer": "2361",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:05:02",
    "traffic": "4860",
    "buffer": "1996",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:06:02",
    "traffic": "5508",
    "buffer": "2368",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:07:01",
    "traffic": "5619",
    "buffer": "2391",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:08:02",
    "traffic": "6483",
    "buffer": "2557",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:09:01",
    "traffic": "5610",
    "buffer": "2399",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:10:02",
    "traffic": "6318",
    "buffer": "2530",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:11:02",
    "traffic": "5415",
    "buffer": "2156",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:12:01",
    "traffic": "6711",
    "buffer": "2664",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:13:02",
    "traffic": "5604",
    "buffer": "2485",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:14:02",
    "traffic": "6603",
    "buffer": "2730",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:15:01",
    "traffic": "5676",
    "buffer": "2405",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:16:02",
    "traffic": "6666",
    "buffer": "2538",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:17:01",
    "traffic": "6186",
    "buffer": "2508",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:18:01",
    "traffic": "6768",
    "buffer": "2673",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:19:02",
    "traffic": "5652",
    "buffer": "2425",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:20:02",
    "traffic": "5796",
    "buffer": "2342",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:21:01",
    "traffic": "6588",
    "buffer": "2739",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:22:01",
    "traffic": "7752",
    "buffer": "3082",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:23:03",
    "traffic": "6078",
    "buffer": "2669",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:24:02",
    "traffic": "5973",
    "buffer": "2447",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:25:02",
    "traffic": "6000",
    "buffer": "2644",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:26:01",
    "traffic": "5349",
    "buffer": "2237",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:27:02",
    "traffic": "5091",
    "buffer": "2231",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:28:02",
    "traffic": "5871",
    "buffer": "2333",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:29:01",
    "traffic": "5109",
    "buffer": "2130",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:30:03",
    "traffic": "4077",
    "buffer": "1740",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:31:01",
    "traffic": "5769",
    "buffer": "2307",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:32:01",
    "traffic": "4881",
    "buffer": "2124",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:33:02",
    "traffic": "4878",
    "buffer": "2001",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:34:02",
    "traffic": "5469",
    "buffer": "2248",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:35:01",
    "traffic": "5367",
    "buffer": "2041",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:36:01",
    "traffic": "5538",
    "buffer": "2135",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:37:02",
    "traffic": "6186",
    "buffer": "2539",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:38:02",
    "traffic": "6012",
    "buffer": "2504",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:39:01",
    "traffic": "5925",
    "buffer": "2515",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:40:01",
    "traffic": "6840",
    "buffer": "2629",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:41:01",
    "traffic": "5799",
    "buffer": "2495",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:42:01",
    "traffic": "4950",
    "buffer": "2363",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:43:02",
    "traffic": "5289",
    "buffer": "2316",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:44:02",
    "traffic": "5637",
    "buffer": "2166",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:45:02",
    "traffic": "6735",
    "buffer": "2725",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:46:02",
    "traffic": "4899",
    "buffer": "2287",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:47:02",
    "traffic": "5388",
    "buffer": "2187",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:48:02",
    "traffic": "5403",
    "buffer": "2252",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:49:01",
    "traffic": "4494",
    "buffer": "1924",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:50:01",
    "traffic": "5043",
    "buffer": "2018",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:51:02",
    "traffic": "5367",
    "buffer": "2137",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:52:02",
    "traffic": "4890",
    "buffer": "2015",
    "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">
zena-in.cz + calorie-charts.info + www.ifauna.cz + zena-in.cz + pisnicky-akordy.cz + prehraj.to + www.cbdb.cz + mlsnavarecka.cz + filmycesky.cz + prehraj.to + www.lifee.cz + www.lifee.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-to2023-06-09 00:52";
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": "2023-06-08 22:53:01",
    "traffic": "1026",
    "buffer": "444",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 22:54:02",
    "traffic": "945",
    "buffer": "415",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 22:55:02",
    "traffic": "858",
    "buffer": "366",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 22:56:02",
    "traffic": "846",
    "buffer": "338",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 22:57:01",
    "traffic": "1200",
    "buffer": "473",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 22:58:02",
    "traffic": "1398",
    "buffer": "553",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 22:59:01",
    "traffic": "1401",
    "buffer": "592",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:00:02",
    "traffic": "1371",
    "buffer": "537",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:01:01",
    "traffic": "894",
    "buffer": "390",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:02:01",
    "traffic": "1260",
    "buffer": "471",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:03:02",
    "traffic": "1629",
    "buffer": "645",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:04:01",
    "traffic": "1056",
    "buffer": "424",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:05:02",
    "traffic": "831",
    "buffer": "360",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:06:02",
    "traffic": "1137",
    "buffer": "441",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:07:02",
    "traffic": "1692",
    "buffer": "674",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:08:02",
    "traffic": "1716",
    "buffer": "632",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:09:02",
    "traffic": "1356",
    "buffer": "589",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:10:02",
    "traffic": "1284",
    "buffer": "478",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:11:01",
    "traffic": "819",
    "buffer": "377",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:12:01",
    "traffic": "1035",
    "buffer": "427",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:13:02",
    "traffic": "2070",
    "buffer": "771",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:14:01",
    "traffic": "1149",
    "buffer": "565",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:15:02",
    "traffic": "1194",
    "buffer": "464",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:16:01",
    "traffic": "1776",
    "buffer": "684",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:17:01",
    "traffic": "1713",
    "buffer": "685",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:18:02",
    "traffic": "1566",
    "buffer": "599",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:19:01",
    "traffic": "1350",
    "buffer": "648",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:20:02",
    "traffic": "1524",
    "buffer": "603",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:21:02",
    "traffic": "1824",
    "buffer": "723",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:22:02",
    "traffic": "1056",
    "buffer": "539",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:23:01",
    "traffic": "1227",
    "buffer": "474",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:24:02",
    "traffic": "1428",
    "buffer": "598",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:25:01",
    "traffic": "1314",
    "buffer": "557",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:26:02",
    "traffic": "1152",
    "buffer": "548",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:27:01",
    "traffic": "1044",
    "buffer": "432",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:28:02",
    "traffic": "1305",
    "buffer": "486",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:29:02",
    "traffic": "942",
    "buffer": "392",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:30:01",
    "traffic": "873",
    "buffer": "342",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:31:02",
    "traffic": "1065",
    "buffer": "441",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:32:01",
    "traffic": "837",
    "buffer": "320",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:33:02",
    "traffic": "1011",
    "buffer": "402",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:34:02",
    "traffic": "981",
    "buffer": "427",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:35:01",
    "traffic": "780",
    "buffer": "321",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:36:02",
    "traffic": "990",
    "buffer": "427",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:37:02",
    "traffic": "564",
    "buffer": "224",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:38:01",
    "traffic": "822",
    "buffer": "309",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:39:02",
    "traffic": "1320",
    "buffer": "485",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:40:01",
    "traffic": "1572",
    "buffer": "630",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:41:02",
    "traffic": "1218",
    "buffer": "472",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:42:02",
    "traffic": "816",
    "buffer": "359",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:43:02",
    "traffic": "975",
    "buffer": "410",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:44:02",
    "traffic": "969",
    "buffer": "377",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:45:02",
    "traffic": "1050",
    "buffer": "455",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:46:02",
    "traffic": "1482",
    "buffer": "535",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:47:01",
    "traffic": "1167",
    "buffer": "467",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:48:01",
    "traffic": "825",
    "buffer": "355",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:49:01",
    "traffic": "987",
    "buffer": "374",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:50:01",
    "traffic": "834",
    "buffer": "330",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:51:01",
    "traffic": "1125",
    "buffer": "462",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:52:01",
    "traffic": "627",
    "buffer": "260",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:53:02",
    "traffic": "660",
    "buffer": "286",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:54:02",
    "traffic": "1146",
    "buffer": "455",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:55:02",
    "traffic": "1182",
    "buffer": "506",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:56:01",
    "traffic": "789",
    "buffer": "329",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:57:02",
    "traffic": "519",
    "buffer": "204",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:58:02",
    "traffic": "711",
    "buffer": "284",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-08 23:59:01",
    "traffic": "1236",
    "buffer": "470",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:00:02",
    "traffic": "1779",
    "buffer": "699",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:01:02",
    "traffic": "1005",
    "buffer": "478",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:02:01",
    "traffic": "537",
    "buffer": "259",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:03:02",
    "traffic": "579",
    "buffer": "222",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:04:02",
    "traffic": "726",
    "buffer": "296",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:05:01",
    "traffic": "975",
    "buffer": "351",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:06:02",
    "traffic": "753",
    "buffer": "337",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:07:01",
    "traffic": "780",
    "buffer": "339",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:08:01",
    "traffic": "1212",
    "buffer": "477",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:09:01",
    "traffic": "750",
    "buffer": "394",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:10:02",
    "traffic": "795",
    "buffer": "318",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:11:02",
    "traffic": "750",
    "buffer": "377",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:12:01",
    "traffic": "702",
    "buffer": "281",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:13:02",
    "traffic": "975",
    "buffer": "348",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:14:02",
    "traffic": "552",
    "buffer": "259",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:15:02",
    "traffic": "876",
    "buffer": "351",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:16:01",
    "traffic": "735",
    "buffer": "276",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:17:01",
    "traffic": "471",
    "buffer": "191",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:18:01",
    "traffic": "894",
    "buffer": "321",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:19:02",
    "traffic": "1164",
    "buffer": "535",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:20:01",
    "traffic": "753",
    "buffer": "298",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:21:01",
    "traffic": "708",
    "buffer": "289",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:22:02",
    "traffic": "1212",
    "buffer": "457",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:23:02",
    "traffic": "834",
    "buffer": "399",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:24:01",
    "traffic": "1287",
    "buffer": "518",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:25:02",
    "traffic": "1482",
    "buffer": "593",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:26:01",
    "traffic": "711",
    "buffer": "298",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:27:01",
    "traffic": "861",
    "buffer": "344",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:28:02",
    "traffic": "753",
    "buffer": "367",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:29:01",
    "traffic": "744",
    "buffer": "303",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:30:03",
    "traffic": "537",
    "buffer": "207",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:31:01",
    "traffic": "861",
    "buffer": "327",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:32:01",
    "traffic": "1104",
    "buffer": "445",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:33:02",
    "traffic": "1185",
    "buffer": "461",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:34:02",
    "traffic": "570",
    "buffer": "301",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:35:02",
    "traffic": "939",
    "buffer": "385",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:36:02",
    "traffic": "1713",
    "buffer": "645",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:37:02",
    "traffic": "1161",
    "buffer": "431",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:38:03",
    "traffic": "810",
    "buffer": "304",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:39:02",
    "traffic": "855",
    "buffer": "399",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:40:01",
    "traffic": "1101",
    "buffer": "411",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:41:03",
    "traffic": "450",
    "buffer": "163",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:42:02",
    "traffic": "702",
    "buffer": "288",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:43:02",
    "traffic": "582",
    "buffer": "271",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:44:02",
    "traffic": "903",
    "buffer": "349",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:45:01",
    "traffic": "720",
    "buffer": "330",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:46:02",
    "traffic": "537",
    "buffer": "234",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:47:02",
    "traffic": "705",
    "buffer": "286",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:48:02",
    "traffic": "504",
    "buffer": "217",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:49:01",
    "traffic": "828",
    "buffer": "334",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:50:01",
    "traffic": "522",
    "buffer": "224",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:51:01",
    "traffic": "765",
    "buffer": "279",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-06-09 00:52:02",
    "traffic": "477",
    "buffer": "244",
    "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.kinobox.cz + www.rondo.cz + hyperinzerce.cz + www.autozive.cz + cocinaconlupita.com + fitfooders.com + recetasdelupita.com</span>
<div id="chartdivtraffic-5"></div>