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-to2022-08-17 07:10";
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": "2022-08-17 05:11:02",
    "traffic": "1896",
    "buffer": "957",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:12:01",
    "traffic": "2739",
    "buffer": "1195",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:13:02",
    "traffic": "2142",
    "buffer": "1001",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:14:02",
    "traffic": "2373",
    "buffer": "961",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:15:01",
    "traffic": "2799",
    "buffer": "1285",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:16:02",
    "traffic": "2547",
    "buffer": "1143",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:17:02",
    "traffic": "2346",
    "buffer": "993",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:18:02",
    "traffic": "2529",
    "buffer": "1178",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:19:02",
    "traffic": "2733",
    "buffer": "1071",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:20:02",
    "traffic": "1977",
    "buffer": "946",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:21:01",
    "traffic": "2556",
    "buffer": "1078",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:22:01",
    "traffic": "2913",
    "buffer": "1369",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:23:02",
    "traffic": "2475",
    "buffer": "1064",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:24:01",
    "traffic": "2979",
    "buffer": "1277",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:25:02",
    "traffic": "2184",
    "buffer": "1058",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:26:02",
    "traffic": "2526",
    "buffer": "995",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:27:01",
    "traffic": "2586",
    "buffer": "1194",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:28:02",
    "traffic": "2226",
    "buffer": "1000",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:29:02",
    "traffic": "2532",
    "buffer": "1123",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:30:01",
    "traffic": "2931",
    "buffer": "1294",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:31:02",
    "traffic": "1992",
    "buffer": "1110",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:32:02",
    "traffic": "2205",
    "buffer": "874",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:33:01",
    "traffic": "3015",
    "buffer": "1194",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:34:01",
    "traffic": "2835",
    "buffer": "1268",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:35:02",
    "traffic": "2751",
    "buffer": "1244",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:36:02",
    "traffic": "2613",
    "buffer": "1243",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:37:02",
    "traffic": "2640",
    "buffer": "1130",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:38:01",
    "traffic": "2979",
    "buffer": "1278",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:39:02",
    "traffic": "3066",
    "buffer": "1336",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:40:02",
    "traffic": "3015",
    "buffer": "1375",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:41:02",
    "traffic": "3600",
    "buffer": "1603",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:42:03",
    "traffic": "2298",
    "buffer": "1115",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:43:01",
    "traffic": "2757",
    "buffer": "1235",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:44:02",
    "traffic": "3546",
    "buffer": "1433",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:45:02",
    "traffic": "2841",
    "buffer": "1318",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:46:02",
    "traffic": "3339",
    "buffer": "1327",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:47:02",
    "traffic": "2838",
    "buffer": "1244",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:48:02",
    "traffic": "2943",
    "buffer": "1315",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:49:02",
    "traffic": "2745",
    "buffer": "1133",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:50:02",
    "traffic": "3198",
    "buffer": "1376",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:51:02",
    "traffic": "3219",
    "buffer": "1433",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:52:01",
    "traffic": "3222",
    "buffer": "1363",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:53:02",
    "traffic": "2982",
    "buffer": "1386",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:54:02",
    "traffic": "3168",
    "buffer": "1414",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:55:02",
    "traffic": "3489",
    "buffer": "1621",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:56:01",
    "traffic": "3303",
    "buffer": "1515",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:57:02",
    "traffic": "4023",
    "buffer": "1707",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:58:02",
    "traffic": "3267",
    "buffer": "1492",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:59:02",
    "traffic": "3726",
    "buffer": "1538",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:00:02",
    "traffic": "3228",
    "buffer": "1459",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:01:02",
    "traffic": "4431",
    "buffer": "1846",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:02:01",
    "traffic": "3978",
    "buffer": "1862",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:03:02",
    "traffic": "3696",
    "buffer": "1611",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:04:02",
    "traffic": "3843",
    "buffer": "1616",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:05:02",
    "traffic": "4146",
    "buffer": "1666",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:06:01",
    "traffic": "4134",
    "buffer": "1888",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:07:02",
    "traffic": "4716",
    "buffer": "1996",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:08:02",
    "traffic": "3888",
    "buffer": "1885",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:09:01",
    "traffic": "4836",
    "buffer": "2012",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:10:01",
    "traffic": "3819",
    "buffer": "1849",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:11:02",
    "traffic": "3918",
    "buffer": "1729",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:12:02",
    "traffic": "3762",
    "buffer": "1804",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:13:03",
    "traffic": "4437",
    "buffer": "1837",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:14:01",
    "traffic": "4173",
    "buffer": "1900",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:15:01",
    "traffic": "3846",
    "buffer": "1704",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:16:02",
    "traffic": "4119",
    "buffer": "1731",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:17:02",
    "traffic": "5292",
    "buffer": "2134",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:18:02",
    "traffic": "4200",
    "buffer": "1989",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:19:02",
    "traffic": "4857",
    "buffer": "2175",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:20:02",
    "traffic": "4779",
    "buffer": "2014",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:21:01",
    "traffic": "4665",
    "buffer": "2069",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:22:02",
    "traffic": "4641",
    "buffer": "2083",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:23:01",
    "traffic": "4368",
    "buffer": "1954",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:24:02",
    "traffic": "4692",
    "buffer": "1963",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:25:01",
    "traffic": "5043",
    "buffer": "2205",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:26:02",
    "traffic": "4887",
    "buffer": "2187",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:27:02",
    "traffic": "4899",
    "buffer": "2116",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:28:01",
    "traffic": "4932",
    "buffer": "2065",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:29:01",
    "traffic": "4872",
    "buffer": "2142",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:30:02",
    "traffic": "4764",
    "buffer": "2197",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:31:02",
    "traffic": "4257",
    "buffer": "1943",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:32:01",
    "traffic": "4755",
    "buffer": "2102",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:33:02",
    "traffic": "4689",
    "buffer": "2017",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:34:02",
    "traffic": "5478",
    "buffer": "2426",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:35:01",
    "traffic": "5016",
    "buffer": "2240",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:36:01",
    "traffic": "4821",
    "buffer": "2092",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:37:02",
    "traffic": "5103",
    "buffer": "2214",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:38:02",
    "traffic": "5343",
    "buffer": "2285",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:39:02",
    "traffic": "4953",
    "buffer": "2272",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:40:02",
    "traffic": "4794",
    "buffer": "2136",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:41:02",
    "traffic": "4755",
    "buffer": "2072",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:42:01",
    "traffic": "5061",
    "buffer": "2182",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:43:02",
    "traffic": "4353",
    "buffer": "2007",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:44:02",
    "traffic": "5376",
    "buffer": "2304",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:45:02",
    "traffic": "5931",
    "buffer": "2642",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:46:02",
    "traffic": "5394",
    "buffer": "2424",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:47:02",
    "traffic": "6402",
    "buffer": "2751",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:48:02",
    "traffic": "4539",
    "buffer": "2234",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:49:02",
    "traffic": "5466",
    "buffer": "2378",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:50:02",
    "traffic": "5394",
    "buffer": "2488",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:51:02",
    "traffic": "5853",
    "buffer": "2645",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:52:01",
    "traffic": "5070",
    "buffer": "2453",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:53:02",
    "traffic": "4980",
    "buffer": "2142",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:54:02",
    "traffic": "5298",
    "buffer": "2409",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:55:02",
    "traffic": "5268",
    "buffer": "2402",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:56:02",
    "traffic": "5460",
    "buffer": "2378",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:57:02",
    "traffic": "4722",
    "buffer": "2362",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:58:02",
    "traffic": "6537",
    "buffer": "2673",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:59:02",
    "traffic": "6183",
    "buffer": "2791",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:00:02",
    "traffic": "4332",
    "buffer": "2096",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:01:02",
    "traffic": "6636",
    "buffer": "2724",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:02:01",
    "traffic": "7194",
    "buffer": "3133",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:03:02",
    "traffic": "6789",
    "buffer": "3198",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:04:02",
    "traffic": "7161",
    "buffer": "3259",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:05:02",
    "traffic": "6057",
    "buffer": "2784",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:06:01",
    "traffic": "6183",
    "buffer": "2701",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:07:01",
    "traffic": "6684",
    "buffer": "2827",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:08:02",
    "traffic": "6477",
    "buffer": "2967",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:09:02",
    "traffic": "5403",
    "buffer": "2493",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:10:02",
    "traffic": "6762",
    "buffer": "2937",
    "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">
www.jimeto.cz + www.parabola.cz + www.peniaze.sk + wtechnews.com + gamesnk.com + otakuworldgames.com + animalcanine.com + g.cz + www.tvojechvilka.cz + bez-bazaru.cz + sars-cov.cz + www.fdb.cz + www.fdb.cz + www.fdb.cz + www.fdb.cz + www.onlyu.cz + www.fdb.cz + www.fdb.cz + www.fdb.cz + www.fdb.cz + www.fdb.cz + www.fdb.cz + www.fdb.cz + www.mamincinyrecepty.cz + cesky-jazyk.cz + serialzone.cz + www.lifee.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-to2022-08-17 07:10";
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": "2022-08-17 05:11:02",
    "traffic": "2727",
    "buffer": "917",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:12:01",
    "traffic": "2670",
    "buffer": "898",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:13:01",
    "traffic": "2649",
    "buffer": "891",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:14:02",
    "traffic": "2145",
    "buffer": "723",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:15:02",
    "traffic": "3237",
    "buffer": "1087",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:16:02",
    "traffic": "2775",
    "buffer": "938",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:17:02",
    "traffic": "3018",
    "buffer": "1014",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:18:02",
    "traffic": "2256",
    "buffer": "760",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:19:02",
    "traffic": "3114",
    "buffer": "1046",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:20:02",
    "traffic": "2334",
    "buffer": "786",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:21:01",
    "traffic": "2148",
    "buffer": "724",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:22:02",
    "traffic": "2547",
    "buffer": "858",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:23:01",
    "traffic": "3486",
    "buffer": "1170",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:24:01",
    "traffic": "2334",
    "buffer": "786",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:25:02",
    "traffic": "2352",
    "buffer": "792",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:26:02",
    "traffic": "2973",
    "buffer": "999",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:27:02",
    "traffic": "3939",
    "buffer": "1321",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:28:02",
    "traffic": "1848",
    "buffer": "624",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:29:02",
    "traffic": "3405",
    "buffer": "1144",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:30:02",
    "traffic": "2922",
    "buffer": "987",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:31:01",
    "traffic": "4140",
    "buffer": "1388",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:32:02",
    "traffic": "3162",
    "buffer": "1062",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:33:01",
    "traffic": "3342",
    "buffer": "1122",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:34:02",
    "traffic": "3792",
    "buffer": "1272",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:35:02",
    "traffic": "2958",
    "buffer": "994",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:36:02",
    "traffic": "3732",
    "buffer": "1252",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:37:02",
    "traffic": "3930",
    "buffer": "1318",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:38:01",
    "traffic": "3636",
    "buffer": "1224",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:39:02",
    "traffic": "4770",
    "buffer": "1598",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:40:02",
    "traffic": "3354",
    "buffer": "1129",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:41:02",
    "traffic": "4230",
    "buffer": "1418",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:42:02",
    "traffic": "4845",
    "buffer": "1626",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:43:01",
    "traffic": "5328",
    "buffer": "1788",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:44:02",
    "traffic": "4701",
    "buffer": "1575",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:45:02",
    "traffic": "5007",
    "buffer": "1677",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:46:01",
    "traffic": "4716",
    "buffer": "1580",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:47:02",
    "traffic": "3714",
    "buffer": "1246",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:48:02",
    "traffic": "5310",
    "buffer": "1782",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:49:02",
    "traffic": "3654",
    "buffer": "1226",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:50:01",
    "traffic": "4230",
    "buffer": "1418",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:51:02",
    "traffic": "4242",
    "buffer": "1432",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:52:01",
    "traffic": "4491",
    "buffer": "1505",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:53:02",
    "traffic": "4773",
    "buffer": "1599",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:54:02",
    "traffic": "5454",
    "buffer": "1831",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:55:02",
    "traffic": "5313",
    "buffer": "1780",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:56:01",
    "traffic": "5862",
    "buffer": "1962",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:57:02",
    "traffic": "4602",
    "buffer": "1542",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:58:01",
    "traffic": "5139",
    "buffer": "1724",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:59:02",
    "traffic": "6240",
    "buffer": "2088",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:00:02",
    "traffic": "5481",
    "buffer": "1837",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:01:02",
    "traffic": "6966",
    "buffer": "2330",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:02:01",
    "traffic": "6246",
    "buffer": "2099",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:03:02",
    "traffic": "5730",
    "buffer": "1919",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:04:02",
    "traffic": "5466",
    "buffer": "1830",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:05:01",
    "traffic": "4767",
    "buffer": "1597",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:06:02",
    "traffic": "6033",
    "buffer": "2019",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:07:02",
    "traffic": "5499",
    "buffer": "1841",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:08:02",
    "traffic": "5580",
    "buffer": "1868",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:09:02",
    "traffic": "5322",
    "buffer": "1782",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:10:02",
    "traffic": "6645",
    "buffer": "2223",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:11:02",
    "traffic": "5217",
    "buffer": "1747",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:12:02",
    "traffic": "7092",
    "buffer": "2372",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:13:02",
    "traffic": "7275",
    "buffer": "2436",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:14:01",
    "traffic": "8364",
    "buffer": "2796",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:15:01",
    "traffic": "6720",
    "buffer": "2248",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:16:02",
    "traffic": "6588",
    "buffer": "2205",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:17:02",
    "traffic": "7401",
    "buffer": "2480",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:18:02",
    "traffic": "6765",
    "buffer": "2263",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:19:02",
    "traffic": "6417",
    "buffer": "2148",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:20:02",
    "traffic": "7527",
    "buffer": "2526",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:21:02",
    "traffic": "7284",
    "buffer": "2436",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:22:02",
    "traffic": "6306",
    "buffer": "2121",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:23:01",
    "traffic": "6192",
    "buffer": "2072",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:24:02",
    "traffic": "7995",
    "buffer": "2673",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:25:01",
    "traffic": "6708",
    "buffer": "2248",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:26:01",
    "traffic": "5847",
    "buffer": "1970",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:27:02",
    "traffic": "7371",
    "buffer": "2470",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:28:01",
    "traffic": "6846",
    "buffer": "2291",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:29:01",
    "traffic": "8469",
    "buffer": "2833",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:30:02",
    "traffic": "7953",
    "buffer": "2659",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:31:02",
    "traffic": "8445",
    "buffer": "2823",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:32:01",
    "traffic": "8850",
    "buffer": "2958",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:33:01",
    "traffic": "8463",
    "buffer": "2837",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:34:02",
    "traffic": "8715",
    "buffer": "2915",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:35:01",
    "traffic": "8760",
    "buffer": "2931",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:36:01",
    "traffic": "9399",
    "buffer": "3142",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:37:02",
    "traffic": "7584",
    "buffer": "2536",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:38:02",
    "traffic": "8796",
    "buffer": "2940",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:39:02",
    "traffic": "8454",
    "buffer": "2832",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:40:02",
    "traffic": "8304",
    "buffer": "2793",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:41:03",
    "traffic": "7971",
    "buffer": "2665",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:42:02",
    "traffic": "8889",
    "buffer": "2975",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:43:01",
    "traffic": "10068",
    "buffer": "3366",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:44:02",
    "traffic": "9039",
    "buffer": "3021",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:45:02",
    "traffic": "8751",
    "buffer": "2925",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:46:02",
    "traffic": "9087",
    "buffer": "3038",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:47:02",
    "traffic": "9429",
    "buffer": "3151",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:48:02",
    "traffic": "9750",
    "buffer": "3260",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:49:02",
    "traffic": "9297",
    "buffer": "3107",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:50:02",
    "traffic": "8265",
    "buffer": "2765",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:51:02",
    "traffic": "7857",
    "buffer": "2635",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:52:02",
    "traffic": "9369",
    "buffer": "3131",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:53:02",
    "traffic": "10800",
    "buffer": "3608",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:54:01",
    "traffic": "8436",
    "buffer": "2821",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:55:01",
    "traffic": "7206",
    "buffer": "2410",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:56:02",
    "traffic": "8241",
    "buffer": "2755",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:57:01",
    "traffic": "9291",
    "buffer": "3110",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:58:02",
    "traffic": "10353",
    "buffer": "3459",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:59:02",
    "traffic": "9597",
    "buffer": "3211",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:00:02",
    "traffic": "9741",
    "buffer": "3263",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:01:02",
    "traffic": "7611",
    "buffer": "2560",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:02:01",
    "traffic": "9366",
    "buffer": "3130",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:03:02",
    "traffic": "9732",
    "buffer": "3252",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:04:02",
    "traffic": "10209",
    "buffer": "3411",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:05:02",
    "traffic": "8190",
    "buffer": "2738",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:06:01",
    "traffic": "11031",
    "buffer": "3689",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:07:02",
    "traffic": "11475",
    "buffer": "3840",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:08:02",
    "traffic": "10083",
    "buffer": "3369",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:09:01",
    "traffic": "10146",
    "buffer": "3412",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:10:02",
    "traffic": "9084",
    "buffer": "3036",
    "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">
pisnicky-akordy.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-to2022-08-17 07:10";
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": "2022-08-17 05:11:02",
    "traffic": "1788",
    "buffer": "604",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:12:01",
    "traffic": "1980",
    "buffer": "668",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:13:01",
    "traffic": "1263",
    "buffer": "429",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:14:02",
    "traffic": "1245",
    "buffer": "423",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:15:02",
    "traffic": "1467",
    "buffer": "497",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:16:02",
    "traffic": "1353",
    "buffer": "459",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:17:01",
    "traffic": "1263",
    "buffer": "429",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:18:02",
    "traffic": "1191",
    "buffer": "405",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:19:02",
    "traffic": "1455",
    "buffer": "493",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:20:02",
    "traffic": "1449",
    "buffer": "491",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:21:01",
    "traffic": "1269",
    "buffer": "431",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:22:01",
    "traffic": "1563",
    "buffer": "531",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:23:01",
    "traffic": "1866",
    "buffer": "630",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:24:02",
    "traffic": "1749",
    "buffer": "593",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:25:02",
    "traffic": "1467",
    "buffer": "497",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:26:02",
    "traffic": "2277",
    "buffer": "767",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:27:02",
    "traffic": "1674",
    "buffer": "566",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:28:02",
    "traffic": "2172",
    "buffer": "732",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:29:02",
    "traffic": "1944",
    "buffer": "656",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:30:01",
    "traffic": "1431",
    "buffer": "485",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:31:02",
    "traffic": "1797",
    "buffer": "609",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:32:02",
    "traffic": "1920",
    "buffer": "650",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:33:02",
    "traffic": "2373",
    "buffer": "799",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:34:02",
    "traffic": "2277",
    "buffer": "767",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:35:02",
    "traffic": "2079",
    "buffer": "701",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:36:02",
    "traffic": "2619",
    "buffer": "881",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:37:02",
    "traffic": "2001",
    "buffer": "676",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:38:01",
    "traffic": "2340",
    "buffer": "788",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:39:02",
    "traffic": "2826",
    "buffer": "950",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:40:02",
    "traffic": "1632",
    "buffer": "554",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:41:02",
    "traffic": "2667",
    "buffer": "897",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:42:02",
    "traffic": "2460",
    "buffer": "828",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:43:01",
    "traffic": "2364",
    "buffer": "796",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:44:01",
    "traffic": "2292",
    "buffer": "776",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:45:02",
    "traffic": "2274",
    "buffer": "768",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:46:01",
    "traffic": "1974",
    "buffer": "666",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:47:02",
    "traffic": "2982",
    "buffer": "1002",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:48:02",
    "traffic": "3126",
    "buffer": "1050",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:49:02",
    "traffic": "2661",
    "buffer": "895",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:50:01",
    "traffic": "3144",
    "buffer": "1056",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:51:02",
    "traffic": "2871",
    "buffer": "967",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:52:02",
    "traffic": "2364",
    "buffer": "812",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:53:02",
    "traffic": "3081",
    "buffer": "1035",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:54:02",
    "traffic": "2643",
    "buffer": "889",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:55:02",
    "traffic": "2475",
    "buffer": "833",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:56:02",
    "traffic": "2967",
    "buffer": "997",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:57:02",
    "traffic": "2679",
    "buffer": "901",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:58:01",
    "traffic": "3027",
    "buffer": "1017",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:59:02",
    "traffic": "3588",
    "buffer": "1204",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:00:02",
    "traffic": "2955",
    "buffer": "993",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:01:02",
    "traffic": "3705",
    "buffer": "1245",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:02:02",
    "traffic": "3936",
    "buffer": "1320",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:03:02",
    "traffic": "3540",
    "buffer": "1205",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:04:02",
    "traffic": "2946",
    "buffer": "990",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:05:01",
    "traffic": "3483",
    "buffer": "1169",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:06:01",
    "traffic": "3003",
    "buffer": "1009",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:07:02",
    "traffic": "3387",
    "buffer": "1137",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:08:02",
    "traffic": "3186",
    "buffer": "1070",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:09:02",
    "traffic": "3960",
    "buffer": "1328",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:10:02",
    "traffic": "4851",
    "buffer": "1628",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:11:01",
    "traffic": "4215",
    "buffer": "1413",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:12:02",
    "traffic": "3714",
    "buffer": "1246",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:13:02",
    "traffic": "3150",
    "buffer": "1058",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:14:02",
    "traffic": "3753",
    "buffer": "1259",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:15:02",
    "traffic": "4470",
    "buffer": "1499",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:16:02",
    "traffic": "4722",
    "buffer": "1582",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:17:02",
    "traffic": "3990",
    "buffer": "1338",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:18:01",
    "traffic": "3951",
    "buffer": "1325",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:19:02",
    "traffic": "4299",
    "buffer": "1462",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:20:02",
    "traffic": "3888",
    "buffer": "1304",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:21:02",
    "traffic": "3873",
    "buffer": "1299",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:22:02",
    "traffic": "3684",
    "buffer": "1236",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:23:01",
    "traffic": "3951",
    "buffer": "1325",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:24:02",
    "traffic": "3879",
    "buffer": "1301",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:25:01",
    "traffic": "3645",
    "buffer": "1223",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:26:02",
    "traffic": "5133",
    "buffer": "1719",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:27:02",
    "traffic": "4149",
    "buffer": "1391",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:28:02",
    "traffic": "4335",
    "buffer": "1453",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:29:01",
    "traffic": "4809",
    "buffer": "1611",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:30:02",
    "traffic": "5136",
    "buffer": "1724",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:31:02",
    "traffic": "5358",
    "buffer": "1794",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:32:01",
    "traffic": "4758",
    "buffer": "1594",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:33:02",
    "traffic": "3603",
    "buffer": "1212",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:34:02",
    "traffic": "5196",
    "buffer": "1742",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:35:01",
    "traffic": "5283",
    "buffer": "1770",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:36:01",
    "traffic": "4020",
    "buffer": "1348",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:37:01",
    "traffic": "4035",
    "buffer": "1353",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:38:02",
    "traffic": "5061",
    "buffer": "1695",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:39:02",
    "traffic": "4506",
    "buffer": "1510",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:40:02",
    "traffic": "4341",
    "buffer": "1459",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:41:02",
    "traffic": "4434",
    "buffer": "1486",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:42:02",
    "traffic": "5553",
    "buffer": "1860",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:43:02",
    "traffic": "5160",
    "buffer": "1728",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:44:02",
    "traffic": "4281",
    "buffer": "1435",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:45:02",
    "traffic": "4311",
    "buffer": "1447",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:46:02",
    "traffic": "4461",
    "buffer": "1495",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:47:01",
    "traffic": "5313",
    "buffer": "1779",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:48:02",
    "traffic": "4905",
    "buffer": "1643",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:49:02",
    "traffic": "5058",
    "buffer": "1694",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:50:01",
    "traffic": "5100",
    "buffer": "1708",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:51:02",
    "traffic": "4911",
    "buffer": "1654",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:52:01",
    "traffic": "4485",
    "buffer": "1505",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:53:02",
    "traffic": "5622",
    "buffer": "1898",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:54:02",
    "traffic": "5826",
    "buffer": "1950",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:55:02",
    "traffic": "5193",
    "buffer": "1746",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:56:02",
    "traffic": "5277",
    "buffer": "1767",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:57:02",
    "traffic": "4956",
    "buffer": "1660",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:58:02",
    "traffic": "5133",
    "buffer": "1721",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:59:02",
    "traffic": "5685",
    "buffer": "1903",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:00:01",
    "traffic": "4650",
    "buffer": "1558",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:01:02",
    "traffic": "5163",
    "buffer": "1731",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:02:01",
    "traffic": "5979",
    "buffer": "2001",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:03:03",
    "traffic": "6432",
    "buffer": "2152",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:04:02",
    "traffic": "4662",
    "buffer": "1563",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:05:02",
    "traffic": "5439",
    "buffer": "1821",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:06:01",
    "traffic": "4890",
    "buffer": "1646",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:07:01",
    "traffic": "5595",
    "buffer": "1873",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:08:02",
    "traffic": "5487",
    "buffer": "1839",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:09:01",
    "traffic": "5259",
    "buffer": "1761",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:10:01",
    "traffic": "5604",
    "buffer": "1876",
    "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</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-to2022-08-17 07:10";
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": "2022-08-17 05:11:02",
    "traffic": "828",
    "buffer": "333",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:12:01",
    "traffic": "1416",
    "buffer": "541",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:13:01",
    "traffic": "1119",
    "buffer": "455",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:14:02",
    "traffic": "588",
    "buffer": "237",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:15:02",
    "traffic": "486",
    "buffer": "221",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:16:02",
    "traffic": "546",
    "buffer": "232",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:17:02",
    "traffic": "717",
    "buffer": "291",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:18:02",
    "traffic": "726",
    "buffer": "320",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:19:02",
    "traffic": "633",
    "buffer": "273",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:20:02",
    "traffic": "477",
    "buffer": "201",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:21:01",
    "traffic": "531",
    "buffer": "207",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:22:02",
    "traffic": "510",
    "buffer": "210",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:23:01",
    "traffic": "636",
    "buffer": "272",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:24:02",
    "traffic": "474",
    "buffer": "271",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:25:02",
    "traffic": "585",
    "buffer": "226",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:26:02",
    "traffic": "585",
    "buffer": "271",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:27:01",
    "traffic": "471",
    "buffer": "221",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:28:02",
    "traffic": "567",
    "buffer": "242",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:29:02",
    "traffic": "600",
    "buffer": "238",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:30:01",
    "traffic": "594",
    "buffer": "264",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:31:01",
    "traffic": "735",
    "buffer": "294",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:32:02",
    "traffic": "558",
    "buffer": "272",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:33:01",
    "traffic": "756",
    "buffer": "301",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:34:02",
    "traffic": "657",
    "buffer": "281",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:35:02",
    "traffic": "660",
    "buffer": "256",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:36:02",
    "traffic": "546",
    "buffer": "250",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:37:02",
    "traffic": "891",
    "buffer": "350",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:38:01",
    "traffic": "549",
    "buffer": "305",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:39:01",
    "traffic": "732",
    "buffer": "286",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:40:02",
    "traffic": "462",
    "buffer": "224",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:41:02",
    "traffic": "648",
    "buffer": "242",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:42:02",
    "traffic": "480",
    "buffer": "249",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:43:01",
    "traffic": "576",
    "buffer": "231",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:44:01",
    "traffic": "582",
    "buffer": "263",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:45:02",
    "traffic": "693",
    "buffer": "262",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:46:01",
    "traffic": "567",
    "buffer": "263",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:47:02",
    "traffic": "810",
    "buffer": "346",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:48:02",
    "traffic": "765",
    "buffer": "354",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:49:02",
    "traffic": "642",
    "buffer": "269",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:50:01",
    "traffic": "762",
    "buffer": "315",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:51:02",
    "traffic": "711",
    "buffer": "317",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:52:01",
    "traffic": "933",
    "buffer": "382",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:53:02",
    "traffic": "711",
    "buffer": "338",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:54:02",
    "traffic": "954",
    "buffer": "361",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:55:01",
    "traffic": "945",
    "buffer": "410",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:56:02",
    "traffic": "603",
    "buffer": "278",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:57:02",
    "traffic": "615",
    "buffer": "257",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:58:01",
    "traffic": "975",
    "buffer": "356",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:59:02",
    "traffic": "639",
    "buffer": "296",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:00:02",
    "traffic": "723",
    "buffer": "316",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:01:02",
    "traffic": "642",
    "buffer": "285",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:02:02",
    "traffic": "783",
    "buffer": "329",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:03:02",
    "traffic": "915",
    "buffer": "408",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:04:02",
    "traffic": "807",
    "buffer": "424",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:05:02",
    "traffic": "690",
    "buffer": "310",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:06:02",
    "traffic": "897",
    "buffer": "381",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:07:02",
    "traffic": "891",
    "buffer": "415",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:08:02",
    "traffic": "963",
    "buffer": "432",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:09:02",
    "traffic": "948",
    "buffer": "417",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:10:02",
    "traffic": "1221",
    "buffer": "520",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:11:02",
    "traffic": "1416",
    "buffer": "585",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:12:02",
    "traffic": "1797",
    "buffer": "719",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:13:02",
    "traffic": "1392",
    "buffer": "609",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:14:02",
    "traffic": "993",
    "buffer": "416",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:15:01",
    "traffic": "1116",
    "buffer": "429",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:16:02",
    "traffic": "978",
    "buffer": "437",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:17:02",
    "traffic": "981",
    "buffer": "421",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:18:01",
    "traffic": "1251",
    "buffer": "519",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:19:02",
    "traffic": "1218",
    "buffer": "508",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:20:02",
    "traffic": "1068",
    "buffer": "484",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:21:02",
    "traffic": "1149",
    "buffer": "483",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:22:02",
    "traffic": "1188",
    "buffer": "533",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:23:02",
    "traffic": "1251",
    "buffer": "509",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:24:02",
    "traffic": "1164",
    "buffer": "508",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:25:01",
    "traffic": "1182",
    "buffer": "520",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:26:02",
    "traffic": "1107",
    "buffer": "502",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:27:02",
    "traffic": "981",
    "buffer": "418",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:28:01",
    "traffic": "972",
    "buffer": "376",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:29:02",
    "traffic": "1287",
    "buffer": "525",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:30:02",
    "traffic": "1014",
    "buffer": "484",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:31:01",
    "traffic": "1182",
    "buffer": "493",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:32:01",
    "traffic": "1260",
    "buffer": "564",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:33:02",
    "traffic": "1512",
    "buffer": "652",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:34:02",
    "traffic": "1377",
    "buffer": "620",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:35:01",
    "traffic": "1311",
    "buffer": "581",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:36:02",
    "traffic": "1797",
    "buffer": "718",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:37:01",
    "traffic": "1188",
    "buffer": "632",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:38:02",
    "traffic": "1272",
    "buffer": "520",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:39:02",
    "traffic": "921",
    "buffer": "419",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:40:02",
    "traffic": "1302",
    "buffer": "572",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:41:02",
    "traffic": "1167",
    "buffer": "492",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:42:02",
    "traffic": "1077",
    "buffer": "506",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:43:02",
    "traffic": "1353",
    "buffer": "593",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:44:02",
    "traffic": "1131",
    "buffer": "540",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:45:01",
    "traffic": "1527",
    "buffer": "633",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:46:02",
    "traffic": "1278",
    "buffer": "552",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:47:02",
    "traffic": "1446",
    "buffer": "608",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:48:02",
    "traffic": "1302",
    "buffer": "556",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:49:02",
    "traffic": "1365",
    "buffer": "560",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:50:02",
    "traffic": "1470",
    "buffer": "634",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:51:02",
    "traffic": "1545",
    "buffer": "650",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:52:01",
    "traffic": "1362",
    "buffer": "594",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:53:02",
    "traffic": "1335",
    "buffer": "590",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:54:02",
    "traffic": "1062",
    "buffer": "500",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:55:02",
    "traffic": "1248",
    "buffer": "514",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:56:02",
    "traffic": "1257",
    "buffer": "547",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:57:01",
    "traffic": "1380",
    "buffer": "572",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:58:02",
    "traffic": "1560",
    "buffer": "620",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:59:03",
    "traffic": "1086",
    "buffer": "538",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:00:02",
    "traffic": "1443",
    "buffer": "583",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:01:02",
    "traffic": "1365",
    "buffer": "638",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:02:01",
    "traffic": "1635",
    "buffer": "639",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:03:01",
    "traffic": "1311",
    "buffer": "555",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:04:02",
    "traffic": "2052",
    "buffer": "776",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:05:02",
    "traffic": "1923",
    "buffer": "835",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:06:01",
    "traffic": "1356",
    "buffer": "624",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:07:02",
    "traffic": "1401",
    "buffer": "560",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:08:02",
    "traffic": "1632",
    "buffer": "716",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:09:02",
    "traffic": "1371",
    "buffer": "649",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:10:02",
    "traffic": "1386",
    "buffer": "645",
    "postponed": "0",
    "status": "1"
    }
     ];
var segmentation = 'hours';
var postConfigId = 'Traffic';
var timeoutHideSeries = 7000;
var timeoutDefaultSeries = 1500;

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




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

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

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

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



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

//var data = [];

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

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

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

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


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

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



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

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





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

var statusAxis = 'empty';


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

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

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

}

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

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

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

}








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

    var statusAxis = 'empty';

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

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

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

}


chart.data = data;



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


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

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

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

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

//chart.exporting.timeoutDelay = 5000;

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

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



}); // end am4core.ready()
</script><h1 style="">DB block number 3</h1>
<span style="color:grey; display: block; margin-top: -20px; margin-bottom: 5px">
www.mamincinyrecepty.cz + www.auta.cz + applemag.eu + ireferaty.cz + www.hybrid.cz + learniv.com + www.testyojetin.cz + www.meteocentrum.cz + serialyzdarma.com</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-to2022-08-17 07:10";
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": "2022-08-17 05:11:02",
    "traffic": "531",
    "buffer": "206",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:12:01",
    "traffic": "471",
    "buffer": "204",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:13:01",
    "traffic": "636",
    "buffer": "227",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:14:02",
    "traffic": "621",
    "buffer": "270",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:15:02",
    "traffic": "612",
    "buffer": "236",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:16:02",
    "traffic": "648",
    "buffer": "248",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:17:02",
    "traffic": "471",
    "buffer": "179",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:18:02",
    "traffic": "528",
    "buffer": "209",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:19:02",
    "traffic": "396",
    "buffer": "147",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:20:02",
    "traffic": "570",
    "buffer": "215",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:21:02",
    "traffic": "621",
    "buffer": "215",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:22:02",
    "traffic": "357",
    "buffer": "161",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:23:01",
    "traffic": "627",
    "buffer": "240",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:24:02",
    "traffic": "423",
    "buffer": "207",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:25:01",
    "traffic": "381",
    "buffer": "156",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:26:02",
    "traffic": "495",
    "buffer": "185",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:27:02",
    "traffic": "339",
    "buffer": "133",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:28:02",
    "traffic": "387",
    "buffer": "144",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:29:02",
    "traffic": "420",
    "buffer": "157",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:30:01",
    "traffic": "453",
    "buffer": "203",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:31:01",
    "traffic": "381",
    "buffer": "143",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:32:02",
    "traffic": "297",
    "buffer": "136",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:33:02",
    "traffic": "213",
    "buffer": "97",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:34:01",
    "traffic": "435",
    "buffer": "161",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:35:02",
    "traffic": "477",
    "buffer": "179",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:36:02",
    "traffic": "357",
    "buffer": "165",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:37:02",
    "traffic": "522",
    "buffer": "218",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:38:01",
    "traffic": "600",
    "buffer": "235",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:39:02",
    "traffic": "414",
    "buffer": "178",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:40:02",
    "traffic": "588",
    "buffer": "222",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:41:02",
    "traffic": "360",
    "buffer": "148",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:42:02",
    "traffic": "504",
    "buffer": "188",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:43:01",
    "traffic": "546",
    "buffer": "205",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:44:01",
    "traffic": "579",
    "buffer": "238",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:45:02",
    "traffic": "636",
    "buffer": "228",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:46:01",
    "traffic": "696",
    "buffer": "276",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:47:02",
    "traffic": "657",
    "buffer": "251",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:48:02",
    "traffic": "585",
    "buffer": "212",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:49:02",
    "traffic": "495",
    "buffer": "197",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:50:01",
    "traffic": "531",
    "buffer": "193",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:51:02",
    "traffic": "666",
    "buffer": "252",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:52:02",
    "traffic": "720",
    "buffer": "269",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:53:02",
    "traffic": "570",
    "buffer": "210",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:54:02",
    "traffic": "648",
    "buffer": "225",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:55:02",
    "traffic": "369",
    "buffer": "148",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:56:01",
    "traffic": "570",
    "buffer": "201",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:57:02",
    "traffic": "447",
    "buffer": "195",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:58:01",
    "traffic": "504",
    "buffer": "189",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 05:59:02",
    "traffic": "471",
    "buffer": "193",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:00:02",
    "traffic": "597",
    "buffer": "217",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:01:02",
    "traffic": "606",
    "buffer": "262",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:02:01",
    "traffic": "582",
    "buffer": "213",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:03:02",
    "traffic": "774",
    "buffer": "290",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:04:02",
    "traffic": "741",
    "buffer": "279",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:05:02",
    "traffic": "615",
    "buffer": "242",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:06:01",
    "traffic": "750",
    "buffer": "297",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:07:01",
    "traffic": "699",
    "buffer": "268",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:08:02",
    "traffic": "753",
    "buffer": "299",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:09:02",
    "traffic": "624",
    "buffer": "274",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:10:01",
    "traffic": "840",
    "buffer": "346",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:11:02",
    "traffic": "1053",
    "buffer": "437",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:12:02",
    "traffic": "1134",
    "buffer": "461",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:13:03",
    "traffic": "1134",
    "buffer": "489",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:14:02",
    "traffic": "732",
    "buffer": "320",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:15:01",
    "traffic": "699",
    "buffer": "300",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:16:02",
    "traffic": "783",
    "buffer": "305",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:17:02",
    "traffic": "777",
    "buffer": "325",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:18:02",
    "traffic": "807",
    "buffer": "331",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:19:02",
    "traffic": "723",
    "buffer": "312",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:20:02",
    "traffic": "762",
    "buffer": "314",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:21:02",
    "traffic": "693",
    "buffer": "248",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:22:02",
    "traffic": "639",
    "buffer": "248",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:23:01",
    "traffic": "519",
    "buffer": "208",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:24:02",
    "traffic": "1128",
    "buffer": "403",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:25:01",
    "traffic": "783",
    "buffer": "304",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:26:02",
    "traffic": "666",
    "buffer": "296",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:27:02",
    "traffic": "846",
    "buffer": "309",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:28:01",
    "traffic": "948",
    "buffer": "344",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:29:01",
    "traffic": "813",
    "buffer": "316",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:30:02",
    "traffic": "1029",
    "buffer": "381",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:31:02",
    "traffic": "639",
    "buffer": "229",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:32:01",
    "traffic": "654",
    "buffer": "237",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:33:02",
    "traffic": "630",
    "buffer": "266",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:34:02",
    "traffic": "510",
    "buffer": "216",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:35:01",
    "traffic": "738",
    "buffer": "276",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:36:01",
    "traffic": "750",
    "buffer": "278",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:37:02",
    "traffic": "669",
    "buffer": "247",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:38:02",
    "traffic": "657",
    "buffer": "247",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:39:03",
    "traffic": "795",
    "buffer": "291",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:40:02",
    "traffic": "726",
    "buffer": "277",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:41:02",
    "traffic": "885",
    "buffer": "326",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:42:01",
    "traffic": "651",
    "buffer": "298",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:43:02",
    "traffic": "660",
    "buffer": "264",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:44:01",
    "traffic": "522",
    "buffer": "212",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:45:01",
    "traffic": "789",
    "buffer": "292",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:46:02",
    "traffic": "822",
    "buffer": "308",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:47:02",
    "traffic": "786",
    "buffer": "282",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:48:02",
    "traffic": "909",
    "buffer": "344",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:49:02",
    "traffic": "972",
    "buffer": "393",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:50:02",
    "traffic": "945",
    "buffer": "412",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:51:02",
    "traffic": "885",
    "buffer": "340",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:52:01",
    "traffic": "924",
    "buffer": "374",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:53:02",
    "traffic": "660",
    "buffer": "286",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:54:01",
    "traffic": "858",
    "buffer": "314",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:55:02",
    "traffic": "615",
    "buffer": "252",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:56:02",
    "traffic": "813",
    "buffer": "303",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:57:02",
    "traffic": "828",
    "buffer": "320",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:58:02",
    "traffic": "1002",
    "buffer": "374",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 06:59:02",
    "traffic": "1014",
    "buffer": "396",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:00:01",
    "traffic": "1137",
    "buffer": "451",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:01:02",
    "traffic": "1203",
    "buffer": "489",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:02:02",
    "traffic": "1047",
    "buffer": "433",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:03:02",
    "traffic": "915",
    "buffer": "353",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:04:01",
    "traffic": "714",
    "buffer": "268",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:05:02",
    "traffic": "981",
    "buffer": "360",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:06:02",
    "traffic": "834",
    "buffer": "300",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:07:02",
    "traffic": "966",
    "buffer": "356",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:08:02",
    "traffic": "888",
    "buffer": "342",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:09:02",
    "traffic": "1248",
    "buffer": "466",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2022-08-17 07:10:01",
    "traffic": "1437",
    "buffer": "545",
    "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">
www.cbdb.cz + calorie-charts.info + www.ifauna.cz + filmycesky.cz + zena-in.cz</span>
<div id="chartdivtraffic-4"></div>