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

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

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

// Export
chart.exporting.menu = new am4core.ExportMenu();
chart.exporting.filePrefix = "time-to2023-12-02 13: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": "2023-12-02 11:47:02",
    "traffic": "4536",
    "buffer": "1631",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:48:02",
    "traffic": "5139",
    "buffer": "1782",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:49:02",
    "traffic": "3630",
    "buffer": "1305",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:50:01",
    "traffic": "4398",
    "buffer": "1521",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:51:01",
    "traffic": "4491",
    "buffer": "1580",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:52:02",
    "traffic": "5394",
    "buffer": "1914",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:53:02",
    "traffic": "3771",
    "buffer": "1341",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:54:02",
    "traffic": "4011",
    "buffer": "1399",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:55:02",
    "traffic": "4500",
    "buffer": "1590",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:56:02",
    "traffic": "4647",
    "buffer": "1629",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:57:01",
    "traffic": "5229",
    "buffer": "1827",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:58:02",
    "traffic": "5115",
    "buffer": "1779",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:59:01",
    "traffic": "5061",
    "buffer": "1790",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:00:02",
    "traffic": "4686",
    "buffer": "1672",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:01:02",
    "traffic": "6318",
    "buffer": "2270",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:02:02",
    "traffic": "5628",
    "buffer": "2001",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:03:02",
    "traffic": "5298",
    "buffer": "1856",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:04:02",
    "traffic": "4431",
    "buffer": "1570",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:05:02",
    "traffic": "4104",
    "buffer": "1427",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:06:02",
    "traffic": "4884",
    "buffer": "1707",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:07:01",
    "traffic": "5610",
    "buffer": "1968",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:08:01",
    "traffic": "4809",
    "buffer": "1672",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:09:01",
    "traffic": "4572",
    "buffer": "1602",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:10:01",
    "traffic": "4281",
    "buffer": "1499",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:11:01",
    "traffic": "4884",
    "buffer": "1696",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:12:01",
    "traffic": "4776",
    "buffer": "1666",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:13:02",
    "traffic": "4056",
    "buffer": "1454",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:14:02",
    "traffic": "4386",
    "buffer": "1541",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:15:01",
    "traffic": "4287",
    "buffer": "1534",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:16:01",
    "traffic": "4530",
    "buffer": "1564",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:17:01",
    "traffic": "4116",
    "buffer": "1428",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:18:02",
    "traffic": "4359",
    "buffer": "1524",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:19:02",
    "traffic": "3723",
    "buffer": "1320",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:20:01",
    "traffic": "4053",
    "buffer": "1441",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:21:02",
    "traffic": "4155",
    "buffer": "1471",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:22:02",
    "traffic": "5172",
    "buffer": "1792",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:23:01",
    "traffic": "4635",
    "buffer": "1597",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:24:01",
    "traffic": "4233",
    "buffer": "1504",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:25:02",
    "traffic": "3846",
    "buffer": "1347",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:26:01",
    "traffic": "4857",
    "buffer": "1668",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:27:02",
    "traffic": "4803",
    "buffer": "1675",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:28:02",
    "traffic": "4059",
    "buffer": "1453",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:29:02",
    "traffic": "4899",
    "buffer": "1750",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:30:01",
    "traffic": "3333",
    "buffer": "1214",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:31:02",
    "traffic": "3996",
    "buffer": "1453",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:32:02",
    "traffic": "4890",
    "buffer": "1693",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:33:02",
    "traffic": "4827",
    "buffer": "1731",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:34:02",
    "traffic": "3996",
    "buffer": "1406",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:35:01",
    "traffic": "4473",
    "buffer": "1573",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:36:02",
    "traffic": "4428",
    "buffer": "1571",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:37:02",
    "traffic": "4536",
    "buffer": "1608",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:38:02",
    "traffic": "4236",
    "buffer": "1477",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:39:02",
    "traffic": "4689",
    "buffer": "1621",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:40:01",
    "traffic": "4272",
    "buffer": "1508",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:41:02",
    "traffic": "4008",
    "buffer": "1445",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:42:01",
    "traffic": "4731",
    "buffer": "1681",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:43:01",
    "traffic": "4560",
    "buffer": "1601",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:44:02",
    "traffic": "4863",
    "buffer": "1803",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:45:02",
    "traffic": "5967",
    "buffer": "2107",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:46:02",
    "traffic": "4701",
    "buffer": "1712",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:47:01",
    "traffic": "5829",
    "buffer": "2021",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:48:02",
    "traffic": "4383",
    "buffer": "1586",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:49:02",
    "traffic": "5247",
    "buffer": "1855",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:50:02",
    "traffic": "4974",
    "buffer": "1787",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:51:02",
    "traffic": "4506",
    "buffer": "1600",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:52:01",
    "traffic": "4665",
    "buffer": "1656",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:53:02",
    "traffic": "5064",
    "buffer": "1813",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:54:02",
    "traffic": "4056",
    "buffer": "1443",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:55:02",
    "traffic": "5289",
    "buffer": "1842",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:56:02",
    "traffic": "4461",
    "buffer": "1579",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:57:02",
    "traffic": "3837",
    "buffer": "1358",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:58:02",
    "traffic": "4107",
    "buffer": "1445",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:59:02",
    "traffic": "4947",
    "buffer": "1746",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:00:02",
    "traffic": "6861",
    "buffer": "2384",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:01:03",
    "traffic": "5544",
    "buffer": "1981",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:02:02",
    "traffic": "5604",
    "buffer": "2023",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:03:01",
    "traffic": "5385",
    "buffer": "1853",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:04:02",
    "traffic": "3765",
    "buffer": "1379",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:05:02",
    "traffic": "4797",
    "buffer": "1697",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:06:02",
    "traffic": "4473",
    "buffer": "1581",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:07:01",
    "traffic": "4170",
    "buffer": "1488",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:08:01",
    "traffic": "4563",
    "buffer": "1626",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:09:01",
    "traffic": "4650",
    "buffer": "1666",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:10:02",
    "traffic": "5016",
    "buffer": "1765",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:11:02",
    "traffic": "5214",
    "buffer": "1844",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:12:02",
    "traffic": "5475",
    "buffer": "1959",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:13:02",
    "traffic": "5418",
    "buffer": "1957",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:14:02",
    "traffic": "5829",
    "buffer": "2081",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:15:02",
    "traffic": "6861",
    "buffer": "2382",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:16:02",
    "traffic": "5976",
    "buffer": "2139",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:17:02",
    "traffic": "5064",
    "buffer": "1779",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:18:02",
    "traffic": "5061",
    "buffer": "1796",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:19:02",
    "traffic": "4503",
    "buffer": "1627",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:20:01",
    "traffic": "5397",
    "buffer": "1914",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:21:02",
    "traffic": "5544",
    "buffer": "1991",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:22:02",
    "traffic": "5955",
    "buffer": "2117",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:23:02",
    "traffic": "5460",
    "buffer": "1887",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:24:02",
    "traffic": "4779",
    "buffer": "1664",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:25:02",
    "traffic": "5094",
    "buffer": "1775",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:26:01",
    "traffic": "5307",
    "buffer": "1857",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:27:02",
    "traffic": "5931",
    "buffer": "2063",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:28:02",
    "traffic": "4851",
    "buffer": "1705",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:29:02",
    "traffic": "5169",
    "buffer": "1830",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:30:01",
    "traffic": "6390",
    "buffer": "2203",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:31:02",
    "traffic": "5643",
    "buffer": "1978",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:32:01",
    "traffic": "6735",
    "buffer": "2308",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:33:02",
    "traffic": "5505",
    "buffer": "1906",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:34:02",
    "traffic": "4233",
    "buffer": "1469",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:35:02",
    "traffic": "4656",
    "buffer": "1616",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:36:02",
    "traffic": "5379",
    "buffer": "1871",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:37:01",
    "traffic": "5049",
    "buffer": "1764",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:38:01",
    "traffic": "4074",
    "buffer": "1424",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:39:01",
    "traffic": "5391",
    "buffer": "1881",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:40:01",
    "traffic": "5217",
    "buffer": "1846",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:41:02",
    "traffic": "4797",
    "buffer": "1694",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:42:02",
    "traffic": "4398",
    "buffer": "1560",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:43:01",
    "traffic": "4212",
    "buffer": "1461",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:44:02",
    "traffic": "5973",
    "buffer": "2067",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:45:02",
    "traffic": "4872",
    "buffer": "1719",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:46:01",
    "traffic": "5892",
    "buffer": "2061",
    "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 + serialzone.cz + g.cz + www.jimeto.cz + www.tvojechvilka.cz + serialzone.cz + www.onlyu.cz + www.autanet.cz + www.kinotip2.cz + filmyzadara.cz + www.kinotip2.cz + www.kinotip2.cz + www.maminkam.cz + www.videobydleni.cz + www.nespechej.cz + www.fdb.cz + cyclingte.com + cyclingresolution.com + filmyzadara.cz + www.fajntip.cz + www.fdb.cz</span>
<div id="chartdivtraffic-0"></div>






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

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

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

// Export
chart.exporting.menu = new am4core.ExportMenu();
chart.exporting.filePrefix = "time-to2023-12-02 13: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": "2023-12-02 11:47:02",
    "traffic": "12537",
    "buffer": "4574",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:48:02",
    "traffic": "12588",
    "buffer": "4543",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:49:02",
    "traffic": "12063",
    "buffer": "4294",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:50:02",
    "traffic": "10557",
    "buffer": "3858",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:51:02",
    "traffic": "13488",
    "buffer": "4743",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:52:02",
    "traffic": "13962",
    "buffer": "5105",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:53:02",
    "traffic": "13185",
    "buffer": "4654",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:54:02",
    "traffic": "13314",
    "buffer": "4873",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:55:02",
    "traffic": "15321",
    "buffer": "5602",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:56:01",
    "traffic": "14067",
    "buffer": "4934",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:57:01",
    "traffic": "14031",
    "buffer": "4879",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:58:02",
    "traffic": "13131",
    "buffer": "4820",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:59:01",
    "traffic": "14592",
    "buffer": "5160",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:00:01",
    "traffic": "14079",
    "buffer": "5141",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:01:02",
    "traffic": "12135",
    "buffer": "4442",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:02:01",
    "traffic": "12378",
    "buffer": "4359",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:03:01",
    "traffic": "13143",
    "buffer": "4598",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:04:01",
    "traffic": "12768",
    "buffer": "4578",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:05:03",
    "traffic": "13677",
    "buffer": "4829",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:06:02",
    "traffic": "13317",
    "buffer": "4922",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:07:02",
    "traffic": "13350",
    "buffer": "4682",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:08:01",
    "traffic": "13992",
    "buffer": "4999",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:09:02",
    "traffic": "12123",
    "buffer": "4377",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:10:01",
    "traffic": "12606",
    "buffer": "4679",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:11:01",
    "traffic": "11772",
    "buffer": "4329",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:12:01",
    "traffic": "11970",
    "buffer": "4315",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:13:02",
    "traffic": "10791",
    "buffer": "3956",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:14:02",
    "traffic": "12519",
    "buffer": "4481",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:15:01",
    "traffic": "12504",
    "buffer": "4529",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:16:01",
    "traffic": "13215",
    "buffer": "4621",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:17:02",
    "traffic": "15162",
    "buffer": "5547",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:18:02",
    "traffic": "12159",
    "buffer": "4549",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:19:02",
    "traffic": "11562",
    "buffer": "4249",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:20:01",
    "traffic": "12192",
    "buffer": "4399",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:21:02",
    "traffic": "14751",
    "buffer": "5360",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:22:03",
    "traffic": "13815",
    "buffer": "5136",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:23:02",
    "traffic": "13767",
    "buffer": "4944",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:24:02",
    "traffic": "12618",
    "buffer": "4533",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:25:02",
    "traffic": "14688",
    "buffer": "5374",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:26:02",
    "traffic": "13875",
    "buffer": "4982",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:27:02",
    "traffic": "14193",
    "buffer": "5127",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:28:02",
    "traffic": "12948",
    "buffer": "4719",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:29:02",
    "traffic": "12831",
    "buffer": "4641",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:30:01",
    "traffic": "13890",
    "buffer": "4905",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:31:02",
    "traffic": "11841",
    "buffer": "4310",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:32:02",
    "traffic": "13347",
    "buffer": "4843",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:33:02",
    "traffic": "12507",
    "buffer": "4542",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:34:01",
    "traffic": "15030",
    "buffer": "5287",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:35:02",
    "traffic": "14076",
    "buffer": "5240",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:36:02",
    "traffic": "15402",
    "buffer": "5448",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:37:02",
    "traffic": "15780",
    "buffer": "5715",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:38:02",
    "traffic": "12630",
    "buffer": "4463",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:39:03",
    "traffic": "14028",
    "buffer": "4960",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:40:01",
    "traffic": "13956",
    "buffer": "5093",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:41:02",
    "traffic": "13272",
    "buffer": "4714",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:42:01",
    "traffic": "14037",
    "buffer": "5056",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:43:01",
    "traffic": "14088",
    "buffer": "5040",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:44:02",
    "traffic": "14394",
    "buffer": "5132",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:45:01",
    "traffic": "13818",
    "buffer": "4958",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:46:02",
    "traffic": "13557",
    "buffer": "5042",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:47:02",
    "traffic": "14736",
    "buffer": "5123",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:48:02",
    "traffic": "11139",
    "buffer": "4148",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:49:02",
    "traffic": "14703",
    "buffer": "5324",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:50:02",
    "traffic": "16479",
    "buffer": "5970",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:51:01",
    "traffic": "14826",
    "buffer": "5372",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:52:02",
    "traffic": "11961",
    "buffer": "4371",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:53:03",
    "traffic": "13407",
    "buffer": "5039",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:54:01",
    "traffic": "14739",
    "buffer": "5201",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:55:02",
    "traffic": "16635",
    "buffer": "5897",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:56:02",
    "traffic": "14643",
    "buffer": "5216",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:57:02",
    "traffic": "12465",
    "buffer": "4581",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:58:02",
    "traffic": "14133",
    "buffer": "5045",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:59:02",
    "traffic": "12120",
    "buffer": "4467",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:00:02",
    "traffic": "15144",
    "buffer": "5390",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:01:02",
    "traffic": "14064",
    "buffer": "5274",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:02:02",
    "traffic": "15636",
    "buffer": "5586",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:03:01",
    "traffic": "15057",
    "buffer": "5337",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:04:02",
    "traffic": "14670",
    "buffer": "5322",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:05:02",
    "traffic": "14787",
    "buffer": "5246",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:06:02",
    "traffic": "13431",
    "buffer": "4864",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:07:01",
    "traffic": "15753",
    "buffer": "5586",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:08:01",
    "traffic": "14427",
    "buffer": "5119",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:09:01",
    "traffic": "16791",
    "buffer": "6047",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:10:02",
    "traffic": "17814",
    "buffer": "6419",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:11:01",
    "traffic": "16458",
    "buffer": "5965",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:12:02",
    "traffic": "16209",
    "buffer": "5943",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:13:02",
    "traffic": "16881",
    "buffer": "6076",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:14:01",
    "traffic": "17601",
    "buffer": "6213",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:15:02",
    "traffic": "18339",
    "buffer": "6486",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:16:02",
    "traffic": "16527",
    "buffer": "6205",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:17:02",
    "traffic": "15249",
    "buffer": "5517",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:18:01",
    "traffic": "15807",
    "buffer": "5739",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:19:02",
    "traffic": "16092",
    "buffer": "5943",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:20:01",
    "traffic": "18033",
    "buffer": "6501",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:21:02",
    "traffic": "16419",
    "buffer": "5882",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:22:02",
    "traffic": "16461",
    "buffer": "6041",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:23:01",
    "traffic": "14793",
    "buffer": "5149",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:24:01",
    "traffic": "15822",
    "buffer": "5457",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:25:02",
    "traffic": "17937",
    "buffer": "6390",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:26:02",
    "traffic": "15870",
    "buffer": "5913",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:27:02",
    "traffic": "13740",
    "buffer": "4979",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:28:01",
    "traffic": "15726",
    "buffer": "5595",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:29:02",
    "traffic": "14463",
    "buffer": "5306",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:30:02",
    "traffic": "15234",
    "buffer": "5730",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:31:02",
    "traffic": "15864",
    "buffer": "5673",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:32:02",
    "traffic": "16602",
    "buffer": "5762",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:33:02",
    "traffic": "16455",
    "buffer": "5991",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:34:01",
    "traffic": "15735",
    "buffer": "5768",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:35:02",
    "traffic": "15711",
    "buffer": "5826",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:36:02",
    "traffic": "15864",
    "buffer": "5700",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:37:02",
    "traffic": "16251",
    "buffer": "5963",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:38:02",
    "traffic": "15072",
    "buffer": "5614",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:39:01",
    "traffic": "15954",
    "buffer": "5671",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:40:01",
    "traffic": "16401",
    "buffer": "5834",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:41:02",
    "traffic": "14424",
    "buffer": "5325",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:42:01",
    "traffic": "16413",
    "buffer": "5723",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:43:02",
    "traffic": "13323",
    "buffer": "4855",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:44:02",
    "traffic": "13659",
    "buffer": "5004",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:45:02",
    "traffic": "14211",
    "buffer": "5222",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:46:01",
    "traffic": "13515",
    "buffer": "4713",
    "postponed": "0",
    "status": "1"
    }
     ];
var segmentation = 'hours';
var postConfigId = 'Traffic';
var timeoutHideSeries = 7000;
var timeoutDefaultSeries = 1500;

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




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

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

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

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



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

//var data = [];

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

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

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

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


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

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



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

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





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

var statusAxis = 'empty';


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

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

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

}

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

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

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

}








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

    var statusAxis = 'empty';

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

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

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

}


chart.data = data;



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


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

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

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

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

//chart.exporting.timeoutDelay = 5000;

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

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



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






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

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

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

// Export
chart.exporting.menu = new am4core.ExportMenu();
chart.exporting.filePrefix = "time-to2023-12-02 13: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": "2023-12-02 11:47:02",
    "traffic": "17745",
    "buffer": "5929",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:48:02",
    "traffic": "16332",
    "buffer": "5474",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:49:02",
    "traffic": "19005",
    "buffer": "6355",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:50:01",
    "traffic": "18561",
    "buffer": "6199",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:51:02",
    "traffic": "20139",
    "buffer": "6733",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:52:02",
    "traffic": "17637",
    "buffer": "5892",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:53:01",
    "traffic": "16578",
    "buffer": "5539",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:54:02",
    "traffic": "18414",
    "buffer": "6232",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:55:02",
    "traffic": "17937",
    "buffer": "5993",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:56:02",
    "traffic": "17418",
    "buffer": "5822",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:57:01",
    "traffic": "16728",
    "buffer": "5592",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:58:02",
    "traffic": "18339",
    "buffer": "6128",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:59:01",
    "traffic": "19422",
    "buffer": "6494",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:00:01",
    "traffic": "18174",
    "buffer": "6068",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:01:02",
    "traffic": "18015",
    "buffer": "6013",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:02:01",
    "traffic": "17637",
    "buffer": "5894",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:03:01",
    "traffic": "18120",
    "buffer": "6053",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:04:02",
    "traffic": "19197",
    "buffer": "6416",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:05:02",
    "traffic": "18870",
    "buffer": "6404",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:06:02",
    "traffic": "17883",
    "buffer": "5979",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:07:01",
    "traffic": "17886",
    "buffer": "5974",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:08:02",
    "traffic": "16956",
    "buffer": "5660",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:09:02",
    "traffic": "17961",
    "buffer": "5995",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:10:02",
    "traffic": "17235",
    "buffer": "5761",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:11:01",
    "traffic": "16338",
    "buffer": "5460",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:12:01",
    "traffic": "17946",
    "buffer": "5990",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:13:02",
    "traffic": "17211",
    "buffer": "5855",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:14:02",
    "traffic": "17001",
    "buffer": "5683",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:15:02",
    "traffic": "18990",
    "buffer": "6344",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:16:02",
    "traffic": "17373",
    "buffer": "5804",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:17:01",
    "traffic": "17076",
    "buffer": "5705",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:18:02",
    "traffic": "17778",
    "buffer": "5943",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:19:02",
    "traffic": "15180",
    "buffer": "5079",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:20:02",
    "traffic": "18075",
    "buffer": "6036",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:21:02",
    "traffic": "18768",
    "buffer": "6282",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:22:02",
    "traffic": "17502",
    "buffer": "5851",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:23:02",
    "traffic": "18573",
    "buffer": "6200",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:24:02",
    "traffic": "17112",
    "buffer": "5711",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:25:02",
    "traffic": "16635",
    "buffer": "5567",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:26:02",
    "traffic": "18747",
    "buffer": "6266",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:27:02",
    "traffic": "19890",
    "buffer": "6644",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:28:02",
    "traffic": "16923",
    "buffer": "5667",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:29:02",
    "traffic": "16584",
    "buffer": "5538",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:30:01",
    "traffic": "17505",
    "buffer": "5854",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:31:02",
    "traffic": "19572",
    "buffer": "6534",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:32:02",
    "traffic": "19320",
    "buffer": "6454",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:33:02",
    "traffic": "16359",
    "buffer": "5465",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:34:02",
    "traffic": "19755",
    "buffer": "6586",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:35:01",
    "traffic": "21141",
    "buffer": "7067",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:36:02",
    "traffic": "17238",
    "buffer": "5754",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:37:02",
    "traffic": "19500",
    "buffer": "6508",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:38:02",
    "traffic": "18948",
    "buffer": "6331",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:39:02",
    "traffic": "18237",
    "buffer": "6094",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:40:02",
    "traffic": "17331",
    "buffer": "5788",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:41:02",
    "traffic": "18087",
    "buffer": "6177",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:42:01",
    "traffic": "18276",
    "buffer": "6102",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:43:01",
    "traffic": "17136",
    "buffer": "5720",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:44:02",
    "traffic": "17502",
    "buffer": "5918",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:45:01",
    "traffic": "17034",
    "buffer": "5687",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:46:02",
    "traffic": "16689",
    "buffer": "5573",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:47:02",
    "traffic": "17598",
    "buffer": "5874",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:48:02",
    "traffic": "17442",
    "buffer": "5924",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:49:02",
    "traffic": "17367",
    "buffer": "5802",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:50:02",
    "traffic": "17415",
    "buffer": "5815",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:51:02",
    "traffic": "18219",
    "buffer": "6084",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:52:01",
    "traffic": "18015",
    "buffer": "6024",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:53:02",
    "traffic": "18672",
    "buffer": "6239",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:54:02",
    "traffic": "18921",
    "buffer": "6324",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:55:02",
    "traffic": "19596",
    "buffer": "6559",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:56:03",
    "traffic": "19884",
    "buffer": "6764",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:57:02",
    "traffic": "18546",
    "buffer": "6204",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:58:02",
    "traffic": "19128",
    "buffer": "6384",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:59:02",
    "traffic": "18885",
    "buffer": "6316",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:00:02",
    "traffic": "16521",
    "buffer": "5515",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:01:02",
    "traffic": "19500",
    "buffer": "6510",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:02:02",
    "traffic": "18861",
    "buffer": "6300",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:03:01",
    "traffic": "18651",
    "buffer": "6239",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:04:02",
    "traffic": "20292",
    "buffer": "6777",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:05:02",
    "traffic": "16293",
    "buffer": "5446",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:06:02",
    "traffic": "17640",
    "buffer": "5889",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:07:02",
    "traffic": "16311",
    "buffer": "5448",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:08:01",
    "traffic": "17379",
    "buffer": "5805",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:09:01",
    "traffic": "18939",
    "buffer": "6326",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:10:02",
    "traffic": "17697",
    "buffer": "5953",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:11:01",
    "traffic": "19155",
    "buffer": "6400",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:12:02",
    "traffic": "18417",
    "buffer": "6147",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:13:02",
    "traffic": "19062",
    "buffer": "6364",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:14:01",
    "traffic": "19218",
    "buffer": "6421",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:15:02",
    "traffic": "17667",
    "buffer": "5909",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:16:02",
    "traffic": "17841",
    "buffer": "5955",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:17:02",
    "traffic": "19545",
    "buffer": "6531",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:18:02",
    "traffic": "18183",
    "buffer": "6069",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:19:01",
    "traffic": "19026",
    "buffer": "6369",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:20:01",
    "traffic": "17685",
    "buffer": "5906",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:21:01",
    "traffic": "16848",
    "buffer": "5635",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:22:02",
    "traffic": "18234",
    "buffer": "6100",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:23:02",
    "traffic": "19284",
    "buffer": "6436",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:24:02",
    "traffic": "18090",
    "buffer": "6040",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:25:02",
    "traffic": "18798",
    "buffer": "6281",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:26:02",
    "traffic": "20076",
    "buffer": "6706",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:27:02",
    "traffic": "18849",
    "buffer": "6298",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:28:01",
    "traffic": "18603",
    "buffer": "6217",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:29:02",
    "traffic": "17529",
    "buffer": "5869",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:30:02",
    "traffic": "17382",
    "buffer": "5803",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:31:02",
    "traffic": "17217",
    "buffer": "5751",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:32:01",
    "traffic": "19518",
    "buffer": "6526",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:33:02",
    "traffic": "18060",
    "buffer": "6185",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:34:01",
    "traffic": "19779",
    "buffer": "6605",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:35:02",
    "traffic": "18219",
    "buffer": "6085",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:36:02",
    "traffic": "18894",
    "buffer": "6315",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:37:01",
    "traffic": "18330",
    "buffer": "6128",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:38:02",
    "traffic": "17214",
    "buffer": "5751",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:39:02",
    "traffic": "16872",
    "buffer": "5643",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:40:01",
    "traffic": "16680",
    "buffer": "5570",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:41:02",
    "traffic": "16347",
    "buffer": "5466",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:42:02",
    "traffic": "16359",
    "buffer": "5461",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:43:01",
    "traffic": "17418",
    "buffer": "5821",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:44:01",
    "traffic": "18123",
    "buffer": "6057",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:45:02",
    "traffic": "18741",
    "buffer": "6249",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:46:02",
    "traffic": "18990",
    "buffer": "6350",
    "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</span>
<div id="chartdivtraffic-2"></div>






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

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

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

// Export
chart.exporting.menu = new am4core.ExportMenu();
chart.exporting.filePrefix = "time-to2023-12-02 13: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": "2023-12-02 11:47:02",
    "traffic": "23571",
    "buffer": "8802",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:48:02",
    "traffic": "24030",
    "buffer": "9206",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:49:02",
    "traffic": "25929",
    "buffer": "9840",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:50:02",
    "traffic": "22608",
    "buffer": "8844",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:51:02",
    "traffic": "25509",
    "buffer": "9861",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:52:02",
    "traffic": "24693",
    "buffer": "9602",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:53:01",
    "traffic": "22599",
    "buffer": "8834",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:54:02",
    "traffic": "23871",
    "buffer": "8948",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:55:02",
    "traffic": "23469",
    "buffer": "8698",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:56:02",
    "traffic": "22599",
    "buffer": "8658",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:57:01",
    "traffic": "22299",
    "buffer": "8322",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:58:02",
    "traffic": "24123",
    "buffer": "9016",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:59:01",
    "traffic": "24243",
    "buffer": "9152",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:00:02",
    "traffic": "21933",
    "buffer": "8403",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:01:02",
    "traffic": "26160",
    "buffer": "9819",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:02:01",
    "traffic": "24525",
    "buffer": "9633",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:03:02",
    "traffic": "23604",
    "buffer": "8981",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:04:02",
    "traffic": "20787",
    "buffer": "7717",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:05:02",
    "traffic": "23889",
    "buffer": "9135",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:06:02",
    "traffic": "23868",
    "buffer": "9218",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:07:01",
    "traffic": "24462",
    "buffer": "9242",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:08:01",
    "traffic": "22236",
    "buffer": "8507",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:09:02",
    "traffic": "25056",
    "buffer": "9713",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:10:01",
    "traffic": "22857",
    "buffer": "8818",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:11:01",
    "traffic": "23328",
    "buffer": "8749",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:12:01",
    "traffic": "23406",
    "buffer": "8682",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:13:02",
    "traffic": "22197",
    "buffer": "8661",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:14:02",
    "traffic": "21885",
    "buffer": "8632",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:15:02",
    "traffic": "20562",
    "buffer": "8016",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:16:02",
    "traffic": "22155",
    "buffer": "8346",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:17:01",
    "traffic": "22497",
    "buffer": "8458",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:18:02",
    "traffic": "22188",
    "buffer": "8557",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:19:02",
    "traffic": "21324",
    "buffer": "8352",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:20:01",
    "traffic": "21546",
    "buffer": "8147",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:21:02",
    "traffic": "24924",
    "buffer": "9759",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:22:03",
    "traffic": "22155",
    "buffer": "8585",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:23:02",
    "traffic": "21570",
    "buffer": "8371",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:24:01",
    "traffic": "23313",
    "buffer": "8834",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:25:02",
    "traffic": "23877",
    "buffer": "9193",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:26:01",
    "traffic": "22071",
    "buffer": "8535",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:27:02",
    "traffic": "21393",
    "buffer": "8145",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:28:02",
    "traffic": "13878",
    "buffer": "4701",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:29:02",
    "traffic": "23289",
    "buffer": "8986",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:30:01",
    "traffic": "22341",
    "buffer": "8722",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:31:01",
    "traffic": "22527",
    "buffer": "8551",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:32:01",
    "traffic": "23055",
    "buffer": "8793",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:33:02",
    "traffic": "24732",
    "buffer": "9173",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:34:01",
    "traffic": "23121",
    "buffer": "9095",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:35:01",
    "traffic": "22401",
    "buffer": "8703",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:36:02",
    "traffic": "23439",
    "buffer": "8836",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:37:02",
    "traffic": "24060",
    "buffer": "9298",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:38:01",
    "traffic": "22764",
    "buffer": "8830",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:39:02",
    "traffic": "22059",
    "buffer": "8453",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:40:01",
    "traffic": "25044",
    "buffer": "9386",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:41:02",
    "traffic": "24384",
    "buffer": "9436",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:42:01",
    "traffic": "24852",
    "buffer": "9371",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:43:01",
    "traffic": "23043",
    "buffer": "8633",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:44:02",
    "traffic": "21435",
    "buffer": "8332",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:45:02",
    "traffic": "23214",
    "buffer": "9049",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:46:02",
    "traffic": "21114",
    "buffer": "8272",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:47:01",
    "traffic": "21840",
    "buffer": "8269",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:48:02",
    "traffic": "16395",
    "buffer": "6035",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:49:01",
    "traffic": "20988",
    "buffer": "7860",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:50:02",
    "traffic": "20103",
    "buffer": "7655",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:51:02",
    "traffic": "22155",
    "buffer": "8376",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:52:01",
    "traffic": "23118",
    "buffer": "8526",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:53:02",
    "traffic": "26514",
    "buffer": "9999",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:54:02",
    "traffic": "24063",
    "buffer": "9112",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:55:02",
    "traffic": "24936",
    "buffer": "9556",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:56:02",
    "traffic": "24054",
    "buffer": "9075",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:57:02",
    "traffic": "24546",
    "buffer": "9547",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:58:02",
    "traffic": "25128",
    "buffer": "9896",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:59:02",
    "traffic": "22530",
    "buffer": "8795",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:00:02",
    "traffic": "21693",
    "buffer": "7992",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:01:02",
    "traffic": "21582",
    "buffer": "8278",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:02:01",
    "traffic": "26862",
    "buffer": "10044",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:03:01",
    "traffic": "26391",
    "buffer": "10011",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:04:02",
    "traffic": "25365",
    "buffer": "9938",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:05:02",
    "traffic": "22590",
    "buffer": "8585",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:06:01",
    "traffic": "22380",
    "buffer": "8565",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:07:02",
    "traffic": "22920",
    "buffer": "8713",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:08:01",
    "traffic": "21999",
    "buffer": "8793",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:09:01",
    "traffic": "23271",
    "buffer": "9105",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:10:02",
    "traffic": "23331",
    "buffer": "8952",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:11:02",
    "traffic": "24324",
    "buffer": "9348",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:12:02",
    "traffic": "21504",
    "buffer": "8243",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:13:02",
    "traffic": "26844",
    "buffer": "10058",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:14:01",
    "traffic": "26682",
    "buffer": "10305",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:15:02",
    "traffic": "24738",
    "buffer": "9909",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:16:02",
    "traffic": "26721",
    "buffer": "10264",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:17:03",
    "traffic": "21270",
    "buffer": "8021",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:18:02",
    "traffic": "21000",
    "buffer": "7898",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:19:01",
    "traffic": "23793",
    "buffer": "9211",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:20:01",
    "traffic": "24486",
    "buffer": "9463",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:21:02",
    "traffic": "23961",
    "buffer": "9101",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:22:02",
    "traffic": "23865",
    "buffer": "9296",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:23:01",
    "traffic": "21105",
    "buffer": "8188",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:24:02",
    "traffic": "16959",
    "buffer": "6079",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:25:02",
    "traffic": "23904",
    "buffer": "9247",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:26:01",
    "traffic": "22848",
    "buffer": "8750",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:27:02",
    "traffic": "22758",
    "buffer": "8638",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:28:02",
    "traffic": "22641",
    "buffer": "8523",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:29:01",
    "traffic": "21426",
    "buffer": "7904",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:30:01",
    "traffic": "20418",
    "buffer": "7800",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:31:02",
    "traffic": "23673",
    "buffer": "8892",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:32:01",
    "traffic": "21714",
    "buffer": "8358",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:33:02",
    "traffic": "19053",
    "buffer": "7055",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:34:01",
    "traffic": "20346",
    "buffer": "7717",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:35:02",
    "traffic": "25290",
    "buffer": "9310",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:36:02",
    "traffic": "22740",
    "buffer": "9131",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:37:02",
    "traffic": "23856",
    "buffer": "8980",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:38:02",
    "traffic": "22665",
    "buffer": "8632",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:39:02",
    "traffic": "19722",
    "buffer": "7433",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:40:01",
    "traffic": "26769",
    "buffer": "10240",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:41:02",
    "traffic": "23745",
    "buffer": "9384",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:42:01",
    "traffic": "22965",
    "buffer": "8973",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:43:02",
    "traffic": "23373",
    "buffer": "8778",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:44:02",
    "traffic": "18552",
    "buffer": "6803",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:45:02",
    "traffic": "23877",
    "buffer": "9324",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:46:01",
    "traffic": "25464",
    "buffer": "9499",
    "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.meteocentrum.cz + www.cestovinky.cz + diit.cz + www.auta.cz + www.hybrid.cz + www.cestyavylety.cz + www.toprecepty.cz + www.meteocentrum.cz + netflixer.cz + www.meteocentrum.cz + drbna.cz + netflixer.cz</span>
<div id="chartdivtraffic-3"></div>






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

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

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

// Export
chart.exporting.menu = new am4core.ExportMenu();
chart.exporting.filePrefix = "time-to2023-12-02 13: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": "2023-12-02 11:47:02",
    "traffic": "8520",
    "buffer": "3121",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:48:01",
    "traffic": "7542",
    "buffer": "2776",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:49:02",
    "traffic": "7983",
    "buffer": "2924",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:50:01",
    "traffic": "9642",
    "buffer": "3453",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:51:02",
    "traffic": "8064",
    "buffer": "2929",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:52:02",
    "traffic": "9219",
    "buffer": "3313",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:53:02",
    "traffic": "7893",
    "buffer": "2912",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:54:02",
    "traffic": "7797",
    "buffer": "2836",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:55:02",
    "traffic": "6285",
    "buffer": "2111",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:56:02",
    "traffic": "8778",
    "buffer": "3143",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:57:01",
    "traffic": "8529",
    "buffer": "3098",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:58:02",
    "traffic": "9039",
    "buffer": "3297",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:59:01",
    "traffic": "8973",
    "buffer": "3245",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:00:01",
    "traffic": "9450",
    "buffer": "3465",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:01:02",
    "traffic": "8334",
    "buffer": "3076",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:02:01",
    "traffic": "8301",
    "buffer": "3012",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:03:01",
    "traffic": "9765",
    "buffer": "3534",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:04:01",
    "traffic": "9399",
    "buffer": "3350",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:05:02",
    "traffic": "9675",
    "buffer": "3500",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:06:02",
    "traffic": "8721",
    "buffer": "3198",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:07:02",
    "traffic": "8421",
    "buffer": "3068",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:08:01",
    "traffic": "8733",
    "buffer": "3182",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:09:02",
    "traffic": "9330",
    "buffer": "3394",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:10:02",
    "traffic": "9825",
    "buffer": "3569",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:11:02",
    "traffic": "10149",
    "buffer": "3603",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:12:01",
    "traffic": "7686",
    "buffer": "2816",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:13:02",
    "traffic": "8526",
    "buffer": "3128",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:14:02",
    "traffic": "8391",
    "buffer": "2988",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:15:02",
    "traffic": "8049",
    "buffer": "2925",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:16:01",
    "traffic": "9327",
    "buffer": "3356",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:17:02",
    "traffic": "8226",
    "buffer": "2963",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:18:02",
    "traffic": "8472",
    "buffer": "3061",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:19:02",
    "traffic": "8217",
    "buffer": "3029",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:20:01",
    "traffic": "9156",
    "buffer": "3307",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:21:02",
    "traffic": "7617",
    "buffer": "2634",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:22:02",
    "traffic": "9546",
    "buffer": "3431",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:23:02",
    "traffic": "8829",
    "buffer": "3203",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:24:02",
    "traffic": "9294",
    "buffer": "3376",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:25:02",
    "traffic": "9123",
    "buffer": "3345",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:26:02",
    "traffic": "8400",
    "buffer": "3112",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:27:02",
    "traffic": "9018",
    "buffer": "3274",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:28:02",
    "traffic": "8115",
    "buffer": "2931",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:29:02",
    "traffic": "8280",
    "buffer": "2971",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:30:01",
    "traffic": "8709",
    "buffer": "3135",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:31:01",
    "traffic": "8331",
    "buffer": "3024",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:32:02",
    "traffic": "7962",
    "buffer": "2882",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:33:02",
    "traffic": "10122",
    "buffer": "3615",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:34:01",
    "traffic": "8619",
    "buffer": "3153",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:35:01",
    "traffic": "8685",
    "buffer": "3123",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:36:01",
    "traffic": "7899",
    "buffer": "2862",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:37:02",
    "traffic": "9459",
    "buffer": "3373",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:38:02",
    "traffic": "10542",
    "buffer": "3797",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:39:02",
    "traffic": "9168",
    "buffer": "3287",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:40:01",
    "traffic": "9765",
    "buffer": "3463",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:41:01",
    "traffic": "8385",
    "buffer": "3033",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:42:01",
    "traffic": "9012",
    "buffer": "3263",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:43:01",
    "traffic": "8817",
    "buffer": "3123",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:44:02",
    "traffic": "8568",
    "buffer": "3126",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:45:02",
    "traffic": "8784",
    "buffer": "3179",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:46:02",
    "traffic": "8907",
    "buffer": "3249",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:47:01",
    "traffic": "8739",
    "buffer": "3187",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:48:02",
    "traffic": "8769",
    "buffer": "3223",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:49:02",
    "traffic": "8889",
    "buffer": "3201",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:50:02",
    "traffic": "9453",
    "buffer": "3408",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:51:02",
    "traffic": "7134",
    "buffer": "2475",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:52:02",
    "traffic": "7656",
    "buffer": "2626",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:53:02",
    "traffic": "8574",
    "buffer": "3156",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:54:02",
    "traffic": "9756",
    "buffer": "3497",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:55:02",
    "traffic": "10086",
    "buffer": "3666",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:56:03",
    "traffic": "8514",
    "buffer": "3138",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:57:02",
    "traffic": "7080",
    "buffer": "2635",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:58:02",
    "traffic": "9171",
    "buffer": "3297",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:59:02",
    "traffic": "8199",
    "buffer": "2983",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:00:02",
    "traffic": "9264",
    "buffer": "3353",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:01:02",
    "traffic": "7683",
    "buffer": "2778",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:02:01",
    "traffic": "9747",
    "buffer": "3432",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:03:01",
    "traffic": "8595",
    "buffer": "3108",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:04:02",
    "traffic": "8877",
    "buffer": "3232",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:05:02",
    "traffic": "8385",
    "buffer": "3001",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:06:02",
    "traffic": "7911",
    "buffer": "2886",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:07:01",
    "traffic": "8805",
    "buffer": "3189",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:08:01",
    "traffic": "8811",
    "buffer": "3158",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:09:01",
    "traffic": "9876",
    "buffer": "3568",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:10:02",
    "traffic": "9660",
    "buffer": "3501",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:11:01",
    "traffic": "9471",
    "buffer": "3403",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:12:02",
    "traffic": "9600",
    "buffer": "3421",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:13:02",
    "traffic": "9513",
    "buffer": "3461",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:14:01",
    "traffic": "8370",
    "buffer": "3092",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:15:02",
    "traffic": "8634",
    "buffer": "3167",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:16:02",
    "traffic": "6177",
    "buffer": "2132",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:17:02",
    "traffic": "9546",
    "buffer": "3464",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:18:01",
    "traffic": "8571",
    "buffer": "3124",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:19:02",
    "traffic": "8757",
    "buffer": "3026",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:20:01",
    "traffic": "10392",
    "buffer": "3704",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:21:02",
    "traffic": "9414",
    "buffer": "3424",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:22:02",
    "traffic": "10032",
    "buffer": "3602",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:23:01",
    "traffic": "9405",
    "buffer": "3386",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:24:02",
    "traffic": "9960",
    "buffer": "3540",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:25:02",
    "traffic": "8517",
    "buffer": "3039",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:26:02",
    "traffic": "7227",
    "buffer": "2440",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:27:02",
    "traffic": "8151",
    "buffer": "2944",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:28:01",
    "traffic": "9984",
    "buffer": "3536",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:29:02",
    "traffic": "8388",
    "buffer": "3091",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:30:01",
    "traffic": "9468",
    "buffer": "3375",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:31:02",
    "traffic": "9558",
    "buffer": "3428",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:32:01",
    "traffic": "9192",
    "buffer": "3276",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:33:02",
    "traffic": "9216",
    "buffer": "3396",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:34:02",
    "traffic": "6966",
    "buffer": "2364",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:35:02",
    "traffic": "9315",
    "buffer": "3350",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:36:02",
    "traffic": "8178",
    "buffer": "2940",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:37:02",
    "traffic": "7533",
    "buffer": "2779",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:38:02",
    "traffic": "8115",
    "buffer": "2978",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:39:02",
    "traffic": "8244",
    "buffer": "2913",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:40:01",
    "traffic": "9534",
    "buffer": "3396",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:41:02",
    "traffic": "8139",
    "buffer": "2790",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:42:01",
    "traffic": "9027",
    "buffer": "3298",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:43:01",
    "traffic": "9744",
    "buffer": "3481",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:44:02",
    "traffic": "8568",
    "buffer": "3083",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:45:02",
    "traffic": "9123",
    "buffer": "3368",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:46:01",
    "traffic": "8682",
    "buffer": "3161",
    "postponed": "0",
    "status": "1"
    }
     ];
var segmentation = 'hours';
var postConfigId = 'Traffic';
var timeoutHideSeries = 7000;
var timeoutDefaultSeries = 1500;

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




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

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

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

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



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

//var data = [];

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

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

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

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


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

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



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

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





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

var statusAxis = 'empty';


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

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

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

}

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

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

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

}








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

    var statusAxis = 'empty';

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

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

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

}


chart.data = data;



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


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

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

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

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

//chart.exporting.timeoutDelay = 5000;

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

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



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






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

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

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

// Export
chart.exporting.menu = new am4core.ExportMenu();
chart.exporting.filePrefix = "time-to2023-12-02 13: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": "2023-12-02 11:47:02",
    "traffic": "4809",
    "buffer": "1921",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:48:01",
    "traffic": "4680",
    "buffer": "1864",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:49:02",
    "traffic": "4821",
    "buffer": "2006",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:50:01",
    "traffic": "5274",
    "buffer": "2088",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:51:01",
    "traffic": "5598",
    "buffer": "2255",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:52:02",
    "traffic": "5121",
    "buffer": "2077",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:53:01",
    "traffic": "6066",
    "buffer": "2364",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:54:02",
    "traffic": "5250",
    "buffer": "2034",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:55:02",
    "traffic": "5229",
    "buffer": "2129",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:56:02",
    "traffic": "4566",
    "buffer": "1887",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:57:01",
    "traffic": "4470",
    "buffer": "1799",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:58:02",
    "traffic": "5085",
    "buffer": "2098",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 11:59:01",
    "traffic": "4542",
    "buffer": "1865",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:00:02",
    "traffic": "4716",
    "buffer": "1936",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:01:02",
    "traffic": "4389",
    "buffer": "1861",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:02:01",
    "traffic": "4473",
    "buffer": "1817",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:03:02",
    "traffic": "4356",
    "buffer": "1791",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:04:01",
    "traffic": "4734",
    "buffer": "1931",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:05:02",
    "traffic": "5343",
    "buffer": "2131",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:06:02",
    "traffic": "5316",
    "buffer": "2123",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:07:01",
    "traffic": "4764",
    "buffer": "1994",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:08:01",
    "traffic": "4479",
    "buffer": "1828",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:09:02",
    "traffic": "5202",
    "buffer": "2037",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:10:01",
    "traffic": "4659",
    "buffer": "1917",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:11:02",
    "traffic": "5412",
    "buffer": "2230",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:12:02",
    "traffic": "4515",
    "buffer": "1812",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:13:02",
    "traffic": "5061",
    "buffer": "2030",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:14:02",
    "traffic": "4440",
    "buffer": "1796",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:15:02",
    "traffic": "6165",
    "buffer": "2432",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:16:02",
    "traffic": "4404",
    "buffer": "1791",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:17:01",
    "traffic": "5055",
    "buffer": "1992",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:18:02",
    "traffic": "6087",
    "buffer": "2355",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:19:02",
    "traffic": "4602",
    "buffer": "1909",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:20:02",
    "traffic": "4980",
    "buffer": "1980",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:21:02",
    "traffic": "4887",
    "buffer": "1978",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:22:02",
    "traffic": "5178",
    "buffer": "2070",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:23:02",
    "traffic": "5493",
    "buffer": "2214",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:24:01",
    "traffic": "4620",
    "buffer": "1864",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:25:02",
    "traffic": "5046",
    "buffer": "2036",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:26:02",
    "traffic": "4674",
    "buffer": "1940",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:27:02",
    "traffic": "5376",
    "buffer": "2095",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:28:01",
    "traffic": "5550",
    "buffer": "2265",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:29:02",
    "traffic": "5316",
    "buffer": "2095",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:30:01",
    "traffic": "5970",
    "buffer": "2378",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:31:01",
    "traffic": "6096",
    "buffer": "2379",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:32:02",
    "traffic": "7452",
    "buffer": "2881",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:33:02",
    "traffic": "5517",
    "buffer": "2238",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:34:02",
    "traffic": "4917",
    "buffer": "2034",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:35:01",
    "traffic": "5616",
    "buffer": "2231",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:36:01",
    "traffic": "7323",
    "buffer": "2803",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:37:02",
    "traffic": "5892",
    "buffer": "2492",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:38:02",
    "traffic": "5331",
    "buffer": "2073",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:39:02",
    "traffic": "4950",
    "buffer": "2058",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:40:01",
    "traffic": "4476",
    "buffer": "1865",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:41:02",
    "traffic": "5628",
    "buffer": "2187",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:42:01",
    "traffic": "4785",
    "buffer": "1947",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:43:01",
    "traffic": "5139",
    "buffer": "2052",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:44:02",
    "traffic": "5328",
    "buffer": "2103",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:45:02",
    "traffic": "5364",
    "buffer": "2179",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:46:02",
    "traffic": "4758",
    "buffer": "1948",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:47:01",
    "traffic": "4128",
    "buffer": "1688",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:48:02",
    "traffic": "5316",
    "buffer": "2084",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:49:02",
    "traffic": "5427",
    "buffer": "2177",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:50:02",
    "traffic": "4011",
    "buffer": "1641",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:51:01",
    "traffic": "4038",
    "buffer": "1667",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:52:01",
    "traffic": "4965",
    "buffer": "1965",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:53:01",
    "traffic": "5310",
    "buffer": "2056",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:54:02",
    "traffic": "4152",
    "buffer": "1710",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:55:01",
    "traffic": "4971",
    "buffer": "1994",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:56:02",
    "traffic": "4629",
    "buffer": "1905",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:57:02",
    "traffic": "5229",
    "buffer": "2066",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:58:02",
    "traffic": "5382",
    "buffer": "2167",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 12:59:02",
    "traffic": "6171",
    "buffer": "2564",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:00:01",
    "traffic": "5499",
    "buffer": "2152",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:01:02",
    "traffic": "5472",
    "buffer": "2147",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:02:01",
    "traffic": "5433",
    "buffer": "2111",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:03:01",
    "traffic": "5700",
    "buffer": "2283",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:04:02",
    "traffic": "6102",
    "buffer": "2387",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:05:02",
    "traffic": "6816",
    "buffer": "2619",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:06:01",
    "traffic": "5997",
    "buffer": "2312",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:07:02",
    "traffic": "5397",
    "buffer": "2184",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:08:01",
    "traffic": "5043",
    "buffer": "1999",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:09:01",
    "traffic": "4503",
    "buffer": "1902",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:10:02",
    "traffic": "4053",
    "buffer": "1693",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:11:01",
    "traffic": "5256",
    "buffer": "2064",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:12:02",
    "traffic": "5931",
    "buffer": "2320",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:13:02",
    "traffic": "5214",
    "buffer": "2125",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:14:01",
    "traffic": "5418",
    "buffer": "2098",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:15:02",
    "traffic": "5883",
    "buffer": "2292",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:16:01",
    "traffic": "5535",
    "buffer": "2256",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:17:02",
    "traffic": "5238",
    "buffer": "2071",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:18:02",
    "traffic": "6207",
    "buffer": "2385",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:19:01",
    "traffic": "4638",
    "buffer": "1959",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:20:01",
    "traffic": "5541",
    "buffer": "2193",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:21:02",
    "traffic": "4986",
    "buffer": "2129",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:22:02",
    "traffic": "6609",
    "buffer": "2557",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:23:02",
    "traffic": "5229",
    "buffer": "2129",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:24:02",
    "traffic": "4893",
    "buffer": "2036",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:25:01",
    "traffic": "5721",
    "buffer": "2231",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:26:02",
    "traffic": "4464",
    "buffer": "1863",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:27:02",
    "traffic": "5211",
    "buffer": "2134",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:28:01",
    "traffic": "4704",
    "buffer": "1907",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:29:02",
    "traffic": "5046",
    "buffer": "2044",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:30:01",
    "traffic": "5271",
    "buffer": "2117",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:31:02",
    "traffic": "5565",
    "buffer": "2246",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:32:01",
    "traffic": "4959",
    "buffer": "1956",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:33:02",
    "traffic": "5280",
    "buffer": "2122",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:34:01",
    "traffic": "4926",
    "buffer": "1968",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:35:02",
    "traffic": "5376",
    "buffer": "2143",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:36:02",
    "traffic": "5700",
    "buffer": "2285",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:37:01",
    "traffic": "5457",
    "buffer": "2210",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:38:02",
    "traffic": "5511",
    "buffer": "2159",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:39:01",
    "traffic": "5436",
    "buffer": "2162",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:40:01",
    "traffic": "4386",
    "buffer": "1811",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:41:02",
    "traffic": "4926",
    "buffer": "2013",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:42:01",
    "traffic": "5265",
    "buffer": "2079",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:43:02",
    "traffic": "5214",
    "buffer": "2123",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:44:02",
    "traffic": "4998",
    "buffer": "2013",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:45:02",
    "traffic": "6570",
    "buffer": "2554",
    "postponed": "0",
    "status": "1"
    }
    ,
    {
    "hour": "2023-12-02 13:46:01",
    "traffic": "4236",
    "buffer": "1735",
    "postponed": "0",
    "status": "1"
    }
     ];
var segmentation = 'hours';
var postConfigId = 'Traffic';
var timeoutHideSeries = 7000;
var timeoutDefaultSeries = 1500;

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




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

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

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

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



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

//var data = [];

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

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

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

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


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

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



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

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





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

var statusAxis = 'empty';


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

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

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

}

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

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

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

}








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

    var statusAxis = 'empty';

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

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

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

}


chart.data = data;



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


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

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

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

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

//chart.exporting.timeoutDelay = 5000;

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

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



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