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

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

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

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

var data = [ 
    {
    "hour": "2024-07-27 06:47:02",
    "traffic": "2187",
    "buffer": "797",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:48:01",
    "traffic": "1860",
    "buffer": "668",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:49:01",
    "traffic": "2370",
    "buffer": "832",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:50:02",
    "traffic": "2733",
    "buffer": "953",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:51:01",
    "traffic": "2139",
    "buffer": "759",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:52:02",
    "traffic": "2253",
    "buffer": "810",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:53:01",
    "traffic": "2310",
    "buffer": "813",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:54:02",
    "traffic": "2847",
    "buffer": "991",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:55:02",
    "traffic": "2301",
    "buffer": "817",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:56:02",
    "traffic": "2871",
    "buffer": "988",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:57:01",
    "traffic": "2931",
    "buffer": "1023",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:58:01",
    "traffic": "2886",
    "buffer": "985",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:59:02",
    "traffic": "2286",
    "buffer": "811",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:00:02",
    "traffic": "2403",
    "buffer": "832",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:01:02",
    "traffic": "2811",
    "buffer": "972",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:02:02",
    "traffic": "3144",
    "buffer": "1079",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:03:02",
    "traffic": "2364",
    "buffer": "824",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:04:02",
    "traffic": "3069",
    "buffer": "1069",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:05:02",
    "traffic": "2964",
    "buffer": "1041",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:06:02",
    "traffic": "3408",
    "buffer": "1172",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:07:02",
    "traffic": "2889",
    "buffer": "1008",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:08:02",
    "traffic": "2754",
    "buffer": "958",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:09:02",
    "traffic": "2637",
    "buffer": "932",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:10:02",
    "traffic": "2877",
    "buffer": "1006",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:11:02",
    "traffic": "2766",
    "buffer": "962",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:12:02",
    "traffic": "2988",
    "buffer": "1062",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:13:02",
    "traffic": "3012",
    "buffer": "1048",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:14:01",
    "traffic": "3219",
    "buffer": "1131",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:15:02",
    "traffic": "3378",
    "buffer": "1161",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:16:02",
    "traffic": "3174",
    "buffer": "1128",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:17:02",
    "traffic": "2859",
    "buffer": "995",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:18:02",
    "traffic": "2667",
    "buffer": "937",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:19:02",
    "traffic": "3324",
    "buffer": "1149",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:20:02",
    "traffic": "2409",
    "buffer": "846",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:21:02",
    "traffic": "2835",
    "buffer": "975",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:22:02",
    "traffic": "2619",
    "buffer": "917",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:23:02",
    "traffic": "2991",
    "buffer": "1045",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:24:02",
    "traffic": "3813",
    "buffer": "1325",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:25:02",
    "traffic": "3366",
    "buffer": "1187",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:26:02",
    "traffic": "3075",
    "buffer": "1089",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:27:03",
    "traffic": "3039",
    "buffer": "1106",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:28:02",
    "traffic": "2907",
    "buffer": "1017",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:29:02",
    "traffic": "2451",
    "buffer": "868",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:30:01",
    "traffic": "2805",
    "buffer": "987",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:31:02",
    "traffic": "3072",
    "buffer": "1076",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:32:02",
    "traffic": "3072",
    "buffer": "1068",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:33:02",
    "traffic": "3045",
    "buffer": "1072",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:34:02",
    "traffic": "3156",
    "buffer": "1147",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:35:02",
    "traffic": "2970",
    "buffer": "1038",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:36:02",
    "traffic": "3747",
    "buffer": "1303",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:37:01",
    "traffic": "3627",
    "buffer": "1267",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:38:03",
    "traffic": "3363",
    "buffer": "1223",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:39:02",
    "traffic": "2445",
    "buffer": "869",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:40:02",
    "traffic": "3798",
    "buffer": "1318",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:41:02",
    "traffic": "3336",
    "buffer": "1143",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:42:02",
    "traffic": "3282",
    "buffer": "1153",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:43:02",
    "traffic": "4497",
    "buffer": "1579",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:44:02",
    "traffic": "3279",
    "buffer": "1145",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:45:02",
    "traffic": "3561",
    "buffer": "1253",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:46:02",
    "traffic": "4185",
    "buffer": "1437",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:47:02",
    "traffic": "4131",
    "buffer": "1450",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:48:01",
    "traffic": "4104",
    "buffer": "1418",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:49:02",
    "traffic": "3996",
    "buffer": "1405",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:50:02",
    "traffic": "3666",
    "buffer": "1272",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:51:02",
    "traffic": "3417",
    "buffer": "1242",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:52:02",
    "traffic": "3303",
    "buffer": "1166",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:53:02",
    "traffic": "3525",
    "buffer": "1244",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:54:03",
    "traffic": "4257",
    "buffer": "1491",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:55:02",
    "traffic": "3708",
    "buffer": "1319",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:56:02",
    "traffic": "3942",
    "buffer": "1350",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:57:02",
    "traffic": "3585",
    "buffer": "1231",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:58:02",
    "traffic": "3891",
    "buffer": "1368",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:59:02",
    "traffic": "3993",
    "buffer": "1401",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:00:02",
    "traffic": "3342",
    "buffer": "1147",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:01:02",
    "traffic": "3762",
    "buffer": "1325",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:02:02",
    "traffic": "4395",
    "buffer": "1509",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:03:02",
    "traffic": "2706",
    "buffer": "971",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:04:02",
    "traffic": "3705",
    "buffer": "1271",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:05:02",
    "traffic": "3393",
    "buffer": "1174",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:06:02",
    "traffic": "3123",
    "buffer": "1104",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:07:02",
    "traffic": "3453",
    "buffer": "1205",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:08:02",
    "traffic": "3756",
    "buffer": "1287",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:09:02",
    "traffic": "3666",
    "buffer": "1288",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:10:02",
    "traffic": "3027",
    "buffer": "1065",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:11:02",
    "traffic": "3525",
    "buffer": "1224",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:12:01",
    "traffic": "3846",
    "buffer": "1324",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:13:02",
    "traffic": "3690",
    "buffer": "1271",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:14:02",
    "traffic": "3366",
    "buffer": "1167",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:15:02",
    "traffic": "3285",
    "buffer": "1142",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:16:02",
    "traffic": "3639",
    "buffer": "1245",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:17:02",
    "traffic": "3576",
    "buffer": "1238",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:18:02",
    "traffic": "2889",
    "buffer": "1007",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:19:02",
    "traffic": "3816",
    "buffer": "1330",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:20:02",
    "traffic": "4230",
    "buffer": "1448",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:21:02",
    "traffic": "3162",
    "buffer": "1097",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:22:02",
    "traffic": "5088",
    "buffer": "1734",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:23:02",
    "traffic": "4419",
    "buffer": "1556",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:24:03",
    "traffic": "4356",
    "buffer": "1503",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:25:01",
    "traffic": "3879",
    "buffer": "1364",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:26:02",
    "traffic": "4425",
    "buffer": "1547",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:27:03",
    "traffic": "2949",
    "buffer": "1078",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:28:01",
    "traffic": "4191",
    "buffer": "1461",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:29:01",
    "traffic": "4041",
    "buffer": "1398",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:30:01",
    "traffic": "3144",
    "buffer": "1108",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:31:02",
    "traffic": "3258",
    "buffer": "1147",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:32:02",
    "traffic": "3330",
    "buffer": "1175",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:33:02",
    "traffic": "4422",
    "buffer": "1583",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:34:02",
    "traffic": "4452",
    "buffer": "1553",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:35:01",
    "traffic": "4071",
    "buffer": "1396",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:36:02",
    "traffic": "3522",
    "buffer": "1214",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:37:02",
    "traffic": "4209",
    "buffer": "1443",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:38:02",
    "traffic": "4431",
    "buffer": "1564",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:39:02",
    "traffic": "4902",
    "buffer": "1721",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:40:02",
    "traffic": "3762",
    "buffer": "1344",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:41:01",
    "traffic": "4254",
    "buffer": "1505",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:42:02",
    "traffic": "4533",
    "buffer": "1609",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:43:02",
    "traffic": "4005",
    "buffer": "1435",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:44:02",
    "traffic": "4587",
    "buffer": "1609",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:45:02",
    "traffic": "3900",
    "buffer": "1360",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:46:01",
    "traffic": "3552",
    "buffer": "1243",
    "postponed": "0",
    "status": "1"
    }
     ];
var segmentation = 'hours';
var postConfigId = 'Traffic';
var timeoutHideSeries = 7000;
var timeoutDefaultSeries = 1500;

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




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

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

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

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



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

//var data = [];

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

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

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

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


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

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



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

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





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

var statusAxis = 'empty';


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

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

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

}

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

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

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

}








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

    var statusAxis = 'empty';

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

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

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

}


chart.data = data;



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


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

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

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

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

//chart.exporting.timeoutDelay = 5000;

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

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



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






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

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

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

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

var data = [ 
    {
    "hour": "2024-07-27 06:47:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:48:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:49:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:50:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:51:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:52:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:53:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:54:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:55:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:56:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:57:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:58:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:59:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:00:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:01:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:02:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:03:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:04:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:05:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:06:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:07:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:08:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:09:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:10:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:11:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:12:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:13:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:14:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:15:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:16:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:17:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:18:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:19:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:20:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:21:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:22:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:23:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:24:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:25:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:26:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:27:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:28:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:29:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:30:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:31:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:32:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:33:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:34:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:35:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:36:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:37:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:38:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:39:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:40:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:41:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:42:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:43:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:44:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:45:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:46:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:47:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:48:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:49:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:50:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:51:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:52:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:53:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:54:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:55:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:56:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:57:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:58:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:59:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:00:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:01:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:02:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:03:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:04:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:05:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:06:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:07:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:08:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:09:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:10:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:11:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:12:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:13:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:14:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:15:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:16:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:17:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:18:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:19:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:20:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:21:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:22:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:23:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:24:03",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:25:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:26:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:27:03",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:28:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:29:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:30:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:31:03",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:32:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:33:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:34:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:35:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:36:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:37:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:38:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:39:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:40:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:41:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:42:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:43:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:44:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:45:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:46:01",
    "traffic": "0",
    "buffer": "8",
    "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">
</span>
<div id="chartdivtraffic-1"></div>






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

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

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

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

var data = [ 
    {
    "hour": "2024-07-27 06:47:01",
    "traffic": "1488",
    "buffer": "566",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:48:02",
    "traffic": "1218",
    "buffer": "478",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:49:01",
    "traffic": "945",
    "buffer": "336",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:50:01",
    "traffic": "951",
    "buffer": "337",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:51:01",
    "traffic": "957",
    "buffer": "364",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:52:02",
    "traffic": "555",
    "buffer": "193",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:53:02",
    "traffic": "585",
    "buffer": "220",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:54:02",
    "traffic": "741",
    "buffer": "290",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:55:02",
    "traffic": "1074",
    "buffer": "401",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:56:01",
    "traffic": "867",
    "buffer": "304",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:57:01",
    "traffic": "588",
    "buffer": "208",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:58:01",
    "traffic": "1065",
    "buffer": "420",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:59:02",
    "traffic": "1158",
    "buffer": "414",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:00:02",
    "traffic": "843",
    "buffer": "351",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:01:02",
    "traffic": "1563",
    "buffer": "583",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:02:02",
    "traffic": "846",
    "buffer": "331",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:03:02",
    "traffic": "627",
    "buffer": "219",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:04:01",
    "traffic": "894",
    "buffer": "330",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:05:01",
    "traffic": "1131",
    "buffer": "402",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:06:02",
    "traffic": "1008",
    "buffer": "395",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:07:02",
    "traffic": "993",
    "buffer": "405",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:08:02",
    "traffic": "1074",
    "buffer": "402",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:09:02",
    "traffic": "888",
    "buffer": "311",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:10:02",
    "traffic": "798",
    "buffer": "292",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:11:02",
    "traffic": "960",
    "buffer": "372",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:12:02",
    "traffic": "942",
    "buffer": "369",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:13:02",
    "traffic": "885",
    "buffer": "323",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:14:01",
    "traffic": "1062",
    "buffer": "387",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:15:02",
    "traffic": "921",
    "buffer": "361",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:16:01",
    "traffic": "972",
    "buffer": "348",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:17:02",
    "traffic": "1056",
    "buffer": "394",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:18:02",
    "traffic": "1020",
    "buffer": "370",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:19:01",
    "traffic": "1326",
    "buffer": "491",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:20:01",
    "traffic": "1074",
    "buffer": "406",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:21:02",
    "traffic": "948",
    "buffer": "363",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:22:02",
    "traffic": "1032",
    "buffer": "382",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:23:02",
    "traffic": "1272",
    "buffer": "448",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:24:02",
    "traffic": "1188",
    "buffer": "435",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:25:02",
    "traffic": "777",
    "buffer": "298",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:26:02",
    "traffic": "927",
    "buffer": "320",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:27:03",
    "traffic": "1140",
    "buffer": "402",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:28:02",
    "traffic": "426",
    "buffer": "150",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:29:02",
    "traffic": "1017",
    "buffer": "354",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:30:01",
    "traffic": "915",
    "buffer": "389",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:31:02",
    "traffic": "1194",
    "buffer": "451",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:32:02",
    "traffic": "1002",
    "buffer": "367",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:33:02",
    "traffic": "1560",
    "buffer": "554",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:34:02",
    "traffic": "1269",
    "buffer": "492",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:35:02",
    "traffic": "1044",
    "buffer": "416",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:36:02",
    "traffic": "1143",
    "buffer": "399",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:37:01",
    "traffic": "1302",
    "buffer": "476",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:38:02",
    "traffic": "1647",
    "buffer": "596",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:39:02",
    "traffic": "1602",
    "buffer": "568",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:40:01",
    "traffic": "1587",
    "buffer": "542",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:41:01",
    "traffic": "1218",
    "buffer": "494",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:42:02",
    "traffic": "771",
    "buffer": "265",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:43:02",
    "traffic": "1113",
    "buffer": "426",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:44:02",
    "traffic": "741",
    "buffer": "261",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:45:01",
    "traffic": "1902",
    "buffer": "658",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:46:02",
    "traffic": "1479",
    "buffer": "523",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:47:02",
    "traffic": "1155",
    "buffer": "437",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:48:01",
    "traffic": "1167",
    "buffer": "444",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:49:02",
    "traffic": "1224",
    "buffer": "437",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:50:02",
    "traffic": "1359",
    "buffer": "510",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:51:02",
    "traffic": "1338",
    "buffer": "505",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:52:01",
    "traffic": "1245",
    "buffer": "485",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:53:02",
    "traffic": "1488",
    "buffer": "548",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:54:02",
    "traffic": "990",
    "buffer": "338",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:55:02",
    "traffic": "1134",
    "buffer": "404",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:56:02",
    "traffic": "1365",
    "buffer": "584",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:57:02",
    "traffic": "1134",
    "buffer": "439",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:58:01",
    "traffic": "1629",
    "buffer": "627",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:59:02",
    "traffic": "1476",
    "buffer": "587",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:00:01",
    "traffic": "1347",
    "buffer": "526",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:01:02",
    "traffic": "1359",
    "buffer": "497",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:02:01",
    "traffic": "1440",
    "buffer": "562",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:03:02",
    "traffic": "1461",
    "buffer": "577",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:04:02",
    "traffic": "1335",
    "buffer": "453",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:05:01",
    "traffic": "1419",
    "buffer": "574",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:06:01",
    "traffic": "1365",
    "buffer": "510",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:07:01",
    "traffic": "1536",
    "buffer": "582",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:08:02",
    "traffic": "1197",
    "buffer": "469",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:09:02",
    "traffic": "1497",
    "buffer": "593",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:10:02",
    "traffic": "1308",
    "buffer": "494",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:11:02",
    "traffic": "1227",
    "buffer": "484",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:12:01",
    "traffic": "1503",
    "buffer": "533",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:13:01",
    "traffic": "1476",
    "buffer": "533",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:14:02",
    "traffic": "1299",
    "buffer": "503",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:15:03",
    "traffic": "1236",
    "buffer": "496",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:16:02",
    "traffic": "1599",
    "buffer": "582",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:17:01",
    "traffic": "1377",
    "buffer": "541",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:18:01",
    "traffic": "1362",
    "buffer": "503",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:19:02",
    "traffic": "1431",
    "buffer": "491",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:20:01",
    "traffic": "1323",
    "buffer": "548",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:21:01",
    "traffic": "1449",
    "buffer": "521",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:22:02",
    "traffic": "1821",
    "buffer": "647",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:23:02",
    "traffic": "1512",
    "buffer": "594",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:24:03",
    "traffic": "1428",
    "buffer": "510",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:25:01",
    "traffic": "1740",
    "buffer": "650",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:26:02",
    "traffic": "1674",
    "buffer": "616",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:27:02",
    "traffic": "1365",
    "buffer": "534",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:28:01",
    "traffic": "2160",
    "buffer": "743",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:29:01",
    "traffic": "1647",
    "buffer": "647",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:30:01",
    "traffic": "1431",
    "buffer": "527",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:31:02",
    "traffic": "1026",
    "buffer": "402",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:32:02",
    "traffic": "1551",
    "buffer": "555",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:33:02",
    "traffic": "1014",
    "buffer": "351",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:34:01",
    "traffic": "1701",
    "buffer": "652",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:35:01",
    "traffic": "1521",
    "buffer": "526",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:36:02",
    "traffic": "957",
    "buffer": "327",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:37:02",
    "traffic": "1314",
    "buffer": "513",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:38:02",
    "traffic": "1431",
    "buffer": "486",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:39:02",
    "traffic": "1731",
    "buffer": "651",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:40:02",
    "traffic": "1239",
    "buffer": "490",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:41:01",
    "traffic": "1779",
    "buffer": "648",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:42:02",
    "traffic": "1044",
    "buffer": "365",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:43:02",
    "traffic": "1473",
    "buffer": "550",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:44:02",
    "traffic": "1464",
    "buffer": "544",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:45:02",
    "traffic": "1575",
    "buffer": "624",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:46:01",
    "traffic": "1401",
    "buffer": "558",
    "postponed": "0",
    "status": "1"
    }
     ];
var segmentation = 'hours';
var postConfigId = 'Traffic';
var timeoutHideSeries = 7000;
var timeoutDefaultSeries = 1500;

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




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

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

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

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



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

//var data = [];

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

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

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

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


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

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



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

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





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

var statusAxis = 'empty';


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

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

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

}

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

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

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

}








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

    var statusAxis = 'empty';

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

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

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

}


chart.data = data;



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


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

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

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

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

//chart.exporting.timeoutDelay = 5000;

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

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



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






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

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

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

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

var data = [ 
    {
    "hour": "2024-07-27 06:47:01",
    "traffic": "6705",
    "buffer": "2890",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:48:02",
    "traffic": "9351",
    "buffer": "3744",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:49:01",
    "traffic": "6777",
    "buffer": "3177",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:50:01",
    "traffic": "7155",
    "buffer": "3096",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:51:01",
    "traffic": "6891",
    "buffer": "2908",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:52:02",
    "traffic": "7170",
    "buffer": "2972",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:53:01",
    "traffic": "8193",
    "buffer": "3346",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:54:02",
    "traffic": "5982",
    "buffer": "2802",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:55:01",
    "traffic": "7182",
    "buffer": "3029",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:56:02",
    "traffic": "4854",
    "buffer": "2058",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:57:01",
    "traffic": "6414",
    "buffer": "2808",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:58:02",
    "traffic": "6864",
    "buffer": "2729",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:59:02",
    "traffic": "8832",
    "buffer": "3612",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:00:01",
    "traffic": "7158",
    "buffer": "3115",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:01:01",
    "traffic": "6729",
    "buffer": "3002",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:02:02",
    "traffic": "5163",
    "buffer": "2207",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:03:02",
    "traffic": "7815",
    "buffer": "3106",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:04:01",
    "traffic": "6900",
    "buffer": "2897",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:05:02",
    "traffic": "7668",
    "buffer": "3032",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:06:01",
    "traffic": "6240",
    "buffer": "2508",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:07:02",
    "traffic": "8220",
    "buffer": "3053",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:08:01",
    "traffic": "7446",
    "buffer": "3165",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:09:02",
    "traffic": "4944",
    "buffer": "2170",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:10:02",
    "traffic": "6531",
    "buffer": "2615",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:11:01",
    "traffic": "7596",
    "buffer": "3133",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:12:02",
    "traffic": "7749",
    "buffer": "3348",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:13:02",
    "traffic": "6846",
    "buffer": "2981",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:14:01",
    "traffic": "6951",
    "buffer": "2819",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:15:01",
    "traffic": "7794",
    "buffer": "3104",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:16:01",
    "traffic": "7350",
    "buffer": "3122",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:17:01",
    "traffic": "7983",
    "buffer": "3420",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:18:01",
    "traffic": "7470",
    "buffer": "3073",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:19:01",
    "traffic": "9705",
    "buffer": "3706",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:20:02",
    "traffic": "8940",
    "buffer": "3733",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:21:02",
    "traffic": "8673",
    "buffer": "3788",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:22:01",
    "traffic": "8325",
    "buffer": "3516",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:23:02",
    "traffic": "8889",
    "buffer": "3622",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:24:02",
    "traffic": "7989",
    "buffer": "3300",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:25:02",
    "traffic": "8511",
    "buffer": "3479",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:26:01",
    "traffic": "9780",
    "buffer": "4183",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:27:02",
    "traffic": "9141",
    "buffer": "3948",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:28:01",
    "traffic": "7659",
    "buffer": "3184",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:29:02",
    "traffic": "8907",
    "buffer": "3595",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:30:02",
    "traffic": "10455",
    "buffer": "4076",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:31:02",
    "traffic": "6687",
    "buffer": "2852",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:32:02",
    "traffic": "8388",
    "buffer": "3549",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:33:02",
    "traffic": "8925",
    "buffer": "3634",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:34:02",
    "traffic": "7863",
    "buffer": "3345",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:35:01",
    "traffic": "9597",
    "buffer": "3838",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:36:02",
    "traffic": "8454",
    "buffer": "3365",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:37:01",
    "traffic": "8598",
    "buffer": "3438",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:38:02",
    "traffic": "8679",
    "buffer": "3693",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:39:01",
    "traffic": "7614",
    "buffer": "3063",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:40:02",
    "traffic": "7773",
    "buffer": "3149",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:41:02",
    "traffic": "8994",
    "buffer": "3708",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:42:02",
    "traffic": "7602",
    "buffer": "3480",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:43:02",
    "traffic": "8718",
    "buffer": "3564",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:44:02",
    "traffic": "7674",
    "buffer": "3422",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:45:02",
    "traffic": "8808",
    "buffer": "3518",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:46:02",
    "traffic": "8523",
    "buffer": "3620",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:47:02",
    "traffic": "10776",
    "buffer": "4345",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:48:01",
    "traffic": "9072",
    "buffer": "3820",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:49:01",
    "traffic": "9723",
    "buffer": "3908",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:50:02",
    "traffic": "7407",
    "buffer": "3191",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:51:01",
    "traffic": "8601",
    "buffer": "3561",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:52:01",
    "traffic": "9600",
    "buffer": "3935",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:53:02",
    "traffic": "6822",
    "buffer": "2980",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:54:02",
    "traffic": "9360",
    "buffer": "3875",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:55:02",
    "traffic": "7911",
    "buffer": "3554",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:56:03",
    "traffic": "3060",
    "buffer": "1077",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:57:01",
    "traffic": "9339",
    "buffer": "3958",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:58:02",
    "traffic": "8328",
    "buffer": "3555",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:59:01",
    "traffic": "7998",
    "buffer": "3310",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:00:02",
    "traffic": "7776",
    "buffer": "3507",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:01:01",
    "traffic": "8010",
    "buffer": "3126",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:02:02",
    "traffic": "7596",
    "buffer": "3265",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:03:02",
    "traffic": "8505",
    "buffer": "3395",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:04:02",
    "traffic": "7833",
    "buffer": "3384",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:05:02",
    "traffic": "8214",
    "buffer": "3235",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:06:02",
    "traffic": "8073",
    "buffer": "3406",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:07:01",
    "traffic": "8679",
    "buffer": "3513",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:08:01",
    "traffic": "8472",
    "buffer": "3542",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:09:01",
    "traffic": "8175",
    "buffer": "3457",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:10:02",
    "traffic": "9507",
    "buffer": "3616",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:11:02",
    "traffic": "7758",
    "buffer": "3302",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:12:01",
    "traffic": "8796",
    "buffer": "3684",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:13:01",
    "traffic": "6276",
    "buffer": "2783",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:14:02",
    "traffic": "8361",
    "buffer": "3343",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:15:03",
    "traffic": "8697",
    "buffer": "3441",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:16:02",
    "traffic": "8607",
    "buffer": "3753",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:17:02",
    "traffic": "8247",
    "buffer": "3454",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:18:02",
    "traffic": "5715",
    "buffer": "2476",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:19:02",
    "traffic": "7752",
    "buffer": "3264",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:20:02",
    "traffic": "7059",
    "buffer": "3208",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:21:01",
    "traffic": "8361",
    "buffer": "3243",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:22:02",
    "traffic": "7713",
    "buffer": "3481",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:23:02",
    "traffic": "7386",
    "buffer": "3286",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:24:03",
    "traffic": "8142",
    "buffer": "3271",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:25:02",
    "traffic": "8271",
    "buffer": "3485",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:26:02",
    "traffic": "7932",
    "buffer": "3434",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:27:02",
    "traffic": "8187",
    "buffer": "3385",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:28:01",
    "traffic": "8754",
    "buffer": "3522",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:29:01",
    "traffic": "8697",
    "buffer": "3743",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:30:02",
    "traffic": "8160",
    "buffer": "3483",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:31:01",
    "traffic": "8037",
    "buffer": "3340",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:32:02",
    "traffic": "8286",
    "buffer": "3431",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:33:02",
    "traffic": "8391",
    "buffer": "3634",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:34:02",
    "traffic": "9234",
    "buffer": "3762",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:35:02",
    "traffic": "9720",
    "buffer": "3894",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:36:02",
    "traffic": "7362",
    "buffer": "3383",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:37:02",
    "traffic": "6381",
    "buffer": "2689",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:38:02",
    "traffic": "8832",
    "buffer": "3688",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:39:02",
    "traffic": "8358",
    "buffer": "3391",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:40:02",
    "traffic": "7689",
    "buffer": "3276",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:41:01",
    "traffic": "8166",
    "buffer": "3353",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:42:01",
    "traffic": "7683",
    "buffer": "3161",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:43:01",
    "traffic": "6675",
    "buffer": "2975",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:44:01",
    "traffic": "7911",
    "buffer": "3225",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:45:02",
    "traffic": "6813",
    "buffer": "2963",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:46:02",
    "traffic": "7620",
    "buffer": "3082",
    "postponed": "0",
    "status": "1"
    }
     ];
var segmentation = 'hours';
var postConfigId = 'Traffic';
var timeoutHideSeries = 7000;
var timeoutDefaultSeries = 1500;

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




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

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

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

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



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

//var data = [];

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

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

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

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


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

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



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

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





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

var statusAxis = 'empty';


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

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

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

}

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

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

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

}








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

    var statusAxis = 'empty';

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

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

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

}


chart.data = data;



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


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

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

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

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

//chart.exporting.timeoutDelay = 5000;

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

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



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






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

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

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

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

var data = [ 
    {
    "hour": "2024-07-27 06:47:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:48:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:49:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:50:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:51:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:52:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:53:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:54:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:55:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:56:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:57:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:58:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:59:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:00:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:01:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:02:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:03:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:04:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:05:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:06:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:07:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:08:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:09:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:10:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:11:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:12:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:13:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:14:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:15:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:16:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:17:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:18:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:19:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:20:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:21:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:22:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:23:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:24:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:25:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:26:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:27:03",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:28:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:29:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:30:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:31:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:32:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:33:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:34:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:35:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:36:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:37:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:38:03",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:39:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:40:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:41:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:42:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:43:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:44:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:45:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:46:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:47:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:48:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:49:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:50:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:51:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:52:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:53:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:54:03",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:55:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:56:03",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:57:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:58:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:59:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:00:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:01:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:02:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:03:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:04:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:05:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:06:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:07:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:08:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:09:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:10:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:11:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:12:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:13:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:14:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:15:03",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:16:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:17:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:18:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:19:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:20:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:21:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:22:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:23:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:24:03",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:25:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:26:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:27:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:28:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:29:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:30:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:31:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:32:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:33:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:34:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:35:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:36:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:37:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:38:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:39:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:40:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:41:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:42:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:43:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:44:02",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:45:01",
    "traffic": "0",
    "buffer": "8",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:46:02",
    "traffic": "0",
    "buffer": "8",
    "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">
</span>
<div id="chartdivtraffic-4"></div>






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

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

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

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

var data = [ 
    {
    "hour": "2024-07-27 06:47:01",
    "traffic": "1845",
    "buffer": "737",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:48:01",
    "traffic": "2196",
    "buffer": "843",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:49:01",
    "traffic": "2085",
    "buffer": "821",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:50:01",
    "traffic": "2367",
    "buffer": "882",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:51:01",
    "traffic": "2430",
    "buffer": "915",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:52:02",
    "traffic": "1227",
    "buffer": "468",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:53:01",
    "traffic": "1896",
    "buffer": "717",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:54:01",
    "traffic": "2379",
    "buffer": "898",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:55:01",
    "traffic": "2412",
    "buffer": "941",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:56:01",
    "traffic": "1977",
    "buffer": "829",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:57:01",
    "traffic": "2517",
    "buffer": "939",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:58:02",
    "traffic": "1995",
    "buffer": "812",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 06:59:01",
    "traffic": "1986",
    "buffer": "817",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:00:01",
    "traffic": "2337",
    "buffer": "929",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:01:02",
    "traffic": "2400",
    "buffer": "961",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:02:01",
    "traffic": "2433",
    "buffer": "991",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:03:01",
    "traffic": "2220",
    "buffer": "806",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:04:02",
    "traffic": "1947",
    "buffer": "671",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:05:01",
    "traffic": "2343",
    "buffer": "962",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:06:01",
    "traffic": "3486",
    "buffer": "1278",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:07:01",
    "traffic": "2868",
    "buffer": "1136",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:08:01",
    "traffic": "2223",
    "buffer": "877",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:09:02",
    "traffic": "2286",
    "buffer": "869",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:10:01",
    "traffic": "2391",
    "buffer": "930",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:11:01",
    "traffic": "2151",
    "buffer": "876",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:12:02",
    "traffic": "1935",
    "buffer": "739",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:13:02",
    "traffic": "2643",
    "buffer": "989",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:14:02",
    "traffic": "2508",
    "buffer": "990",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:15:01",
    "traffic": "2895",
    "buffer": "1135",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:16:02",
    "traffic": "2217",
    "buffer": "855",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:17:01",
    "traffic": "2238",
    "buffer": "852",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:18:02",
    "traffic": "1797",
    "buffer": "679",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:19:02",
    "traffic": "2493",
    "buffer": "949",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:20:02",
    "traffic": "1434",
    "buffer": "533",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:21:01",
    "traffic": "2691",
    "buffer": "990",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:22:01",
    "traffic": "2571",
    "buffer": "1038",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:23:01",
    "traffic": "2583",
    "buffer": "1043",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:24:01",
    "traffic": "2661",
    "buffer": "1052",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:25:01",
    "traffic": "3090",
    "buffer": "1173",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:26:02",
    "traffic": "2487",
    "buffer": "976",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:27:03",
    "traffic": "1809",
    "buffer": "640",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:28:01",
    "traffic": "2370",
    "buffer": "973",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:29:01",
    "traffic": "3018",
    "buffer": "1187",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:30:02",
    "traffic": "2466",
    "buffer": "1023",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:31:02",
    "traffic": "3342",
    "buffer": "1293",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:32:01",
    "traffic": "2742",
    "buffer": "1144",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:33:02",
    "traffic": "2637",
    "buffer": "1030",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:34:02",
    "traffic": "3486",
    "buffer": "1329",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:35:01",
    "traffic": "2286",
    "buffer": "909",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:36:02",
    "traffic": "3198",
    "buffer": "1212",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:37:01",
    "traffic": "2742",
    "buffer": "1115",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:38:02",
    "traffic": "3162",
    "buffer": "1218",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:39:01",
    "traffic": "3417",
    "buffer": "1249",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:40:01",
    "traffic": "3498",
    "buffer": "1358",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:41:02",
    "traffic": "3171",
    "buffer": "1303",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:42:01",
    "traffic": "2796",
    "buffer": "1152",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:43:02",
    "traffic": "1827",
    "buffer": "635",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:44:01",
    "traffic": "3315",
    "buffer": "1296",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:45:01",
    "traffic": "2778",
    "buffer": "1094",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:46:02",
    "traffic": "2922",
    "buffer": "1109",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:47:02",
    "traffic": "3075",
    "buffer": "1184",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:48:01",
    "traffic": "2943",
    "buffer": "1196",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:49:01",
    "traffic": "3144",
    "buffer": "1273",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:50:01",
    "traffic": "2733",
    "buffer": "1038",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:51:02",
    "traffic": "3420",
    "buffer": "1241",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:52:01",
    "traffic": "3723",
    "buffer": "1421",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:53:02",
    "traffic": "2733",
    "buffer": "1122",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:54:03",
    "traffic": "2877",
    "buffer": "1124",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:55:01",
    "traffic": "2961",
    "buffer": "1130",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:56:01",
    "traffic": "3132",
    "buffer": "1239",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:57:02",
    "traffic": "3402",
    "buffer": "1389",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:58:01",
    "traffic": "3405",
    "buffer": "1281",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 07:59:01",
    "traffic": "3669",
    "buffer": "1433",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:00:02",
    "traffic": "2466",
    "buffer": "905",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:01:02",
    "traffic": "2925",
    "buffer": "1129",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:02:02",
    "traffic": "3003",
    "buffer": "1154",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:03:02",
    "traffic": "2901",
    "buffer": "1117",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:04:02",
    "traffic": "1692",
    "buffer": "580",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:05:01",
    "traffic": "2883",
    "buffer": "1133",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:06:02",
    "traffic": "4068",
    "buffer": "1555",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:07:02",
    "traffic": "1938",
    "buffer": "680",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:08:01",
    "traffic": "3225",
    "buffer": "1319",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:09:01",
    "traffic": "3252",
    "buffer": "1226",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:10:01",
    "traffic": "3708",
    "buffer": "1382",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:11:02",
    "traffic": "3597",
    "buffer": "1443",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:12:01",
    "traffic": "4482",
    "buffer": "1680",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:13:01",
    "traffic": "3504",
    "buffer": "1376",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:14:01",
    "traffic": "2841",
    "buffer": "1151",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:15:02",
    "traffic": "2706",
    "buffer": "1073",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:16:01",
    "traffic": "3576",
    "buffer": "1308",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:17:01",
    "traffic": "2892",
    "buffer": "1132",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:18:01",
    "traffic": "3774",
    "buffer": "1444",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:19:02",
    "traffic": "3768",
    "buffer": "1408",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:20:01",
    "traffic": "3534",
    "buffer": "1399",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:21:02",
    "traffic": "3945",
    "buffer": "1536",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:22:01",
    "traffic": "3027",
    "buffer": "1215",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:23:02",
    "traffic": "3360",
    "buffer": "1304",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:24:02",
    "traffic": "3276",
    "buffer": "1327",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:25:02",
    "traffic": "1710",
    "buffer": "615",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:26:02",
    "traffic": "3642",
    "buffer": "1454",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:27:02",
    "traffic": "3348",
    "buffer": "1375",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:28:01",
    "traffic": "2661",
    "buffer": "1012",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:29:01",
    "traffic": "3666",
    "buffer": "1345",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:30:02",
    "traffic": "3732",
    "buffer": "1429",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:31:01",
    "traffic": "2991",
    "buffer": "1180",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:32:02",
    "traffic": "2970",
    "buffer": "1173",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:33:01",
    "traffic": "3609",
    "buffer": "1362",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:34:01",
    "traffic": "2712",
    "buffer": "1121",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:35:02",
    "traffic": "3504",
    "buffer": "1312",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:36:02",
    "traffic": "2778",
    "buffer": "1074",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:37:02",
    "traffic": "1650",
    "buffer": "583",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:38:01",
    "traffic": "3786",
    "buffer": "1411",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:39:02",
    "traffic": "2820",
    "buffer": "1052",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:40:02",
    "traffic": "3195",
    "buffer": "1225",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:41:02",
    "traffic": "2688",
    "buffer": "1004",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:42:01",
    "traffic": "3504",
    "buffer": "1324",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:43:01",
    "traffic": "3351",
    "buffer": "1258",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:44:01",
    "traffic": "2613",
    "buffer": "1055",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:45:02",
    "traffic": "3063",
    "buffer": "1192",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2024-07-27 08:46:02",
    "traffic": "1788",
    "buffer": "639",
    "postponed": "0",
    "status": "1"
    }
     ];
var segmentation = 'hours';
var postConfigId = 'Traffic';
var timeoutHideSeries = 7000;
var timeoutDefaultSeries = 1500;

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




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

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

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

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



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

//var data = [];

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

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

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

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


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

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



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

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





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

var statusAxis = 'empty';


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

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

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

}

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

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

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

}








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

    var statusAxis = 'empty';

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

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

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

}


chart.data = data;



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


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

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

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

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

//chart.exporting.timeoutDelay = 5000;

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

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



}); // end am4core.ready()
</script><h1 style="">DB block number 5</h1>
<span style="color:grey; display: block; margin-top: -20px; margin-bottom: 5px">
calorie-charts.info + prehraj.to + mlsnavarecka.cz + www.kinobox.cz + www.rondo.cz + www.rondogo.hu + ireferaty.cz + prehrajto.cz + zena-in.cz + zena-in.cz + www.rondogo.sk + pisnicky-akordy.cz + www.rondo.cz + www.kinobox.cz + netflixer.cz + prehrajto.cz + prehraj.to + nasetema.cz + auto-mania.cz + www.cbdb.cz + www.rondogo.sk + www.rondo.cz + www.cbdb.cz + www.inrybar.cz + rondogo.ro + www.cbdb.cz</span>
<div id="chartdivtraffic-5"></div>