{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///../demo7/src/js/pages/features/charts/apexcharts.js"],"names":[],"mappings":";QAAA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;;QAEA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;;;QAGA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA,0CAA0C,gCAAgC;QAC1E;QACA;;QAEA;QACA;QACA;QACA,wDAAwD,kBAAkB;QAC1E;QACA,iDAAiD,cAAc;QAC/D;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA,yCAAyC,iCAAiC;QAC1E,gHAAgH,mBAAmB,EAAE;QACrI;QACA;;QAEA;QACA;QACA;QACA,2BAA2B,0BAA0B,EAAE;QACvD,iCAAiC,eAAe;QAChD;QACA;QACA;;QAEA;QACA,sDAAsD,+DAA+D;;QAErH;QACA;;;QAGA;QACA;;;;;;;;;;;;;AClFa;;AAEb;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ,gB;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA,KAAK;AACL,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA,KAAK;AACL,IAAI;AACJ;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,KAAK;AACL,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA,KAAK;AACL,IAAI;AACJ;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA,KAAK;AACL,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA,MAAM;AACN,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA,OAAO;AACP,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL,IAAI;AACJ;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA,IAAI;AACJ;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL,MAAM;AACN;AACA;AACA;AACA;AACA;AACA,KAAK;AACL,MAAM;AACN;AACA;AACA;AACA;AACA;AACA,KAAK;AACL,MAAM;AACN;AACA;AACA;AACA;AACA;AACA,KAAK;AACL,MAAM;AACN;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,KAAK;AACL,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,KAAK;AACL,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,KAAK;AACL,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,KAAK;AACL,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,KAAK;AACL,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,KAAK;AACL,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,KAAK;AACL,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;;AAED;AACA;AACA,CAAC","file":"js/pages/features/charts/apexcharts.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = \"../demo7/src/js/pages/features/charts/apexcharts.js\");\n","\"use strict\";\r\n\r\n// Shared Colors Definition\r\nconst primary = '#6993FF';\r\nconst success = '#1BC5BD';\r\nconst info = '#8950FC';\r\nconst warning = '#FFA800';\r\nconst danger = '#F64E60';\r\n\r\n// Class definition\r\nfunction generateBubbleData(baseval, count, yrange) {\r\n    var i = 0;\r\n    var series = [];\r\n    while (i < count) {\r\n      var x = Math.floor(Math.random() * (750 - 1 + 1)) + 1;;\r\n      var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;\r\n      var z = Math.floor(Math.random() * (75 - 15 + 1)) + 15;\r\n  \r\n      series.push([x, y, z]);\r\n      baseval += 86400000;\r\n      i++;\r\n    }\r\n    return series;\r\n  }\r\n\r\nfunction generateData(count, yrange) {\r\n    var i = 0;\r\n    var series = [];\r\n    while (i < count) {\r\n        var x = 'w' + (i + 1).toString();\r\n        var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;\r\n\r\n        series.push({\r\n            x: x,\r\n            y: y\r\n        });\r\n        i++;\r\n    }\r\n    return series;\r\n}\r\n\r\nvar KTApexChartsDemo = function () {\r\n\t// Private functions\r\n\tvar _demo1 = function () {\r\n\t\tconst apexChart = \"#chart_1\";\r\n\t\tvar options = {\r\n\t\t\tseries: [{\r\n\t\t\t\tname: \"Desktops\",\r\n\t\t\t\tdata: [10, 41, 35, 51, 49, 62, 69, 91, 148]\r\n\t\t\t}],\r\n\t\t\tchart: {\r\n\t\t\t\theight: 350,\r\n\t\t\t\ttype: 'line',\r\n\t\t\t\tzoom: {\r\n\t\t\t\t\tenabled: false\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tdataLabels: { \t\r\n\t\t\t\tenabled: false\r\n\t\t\t},\r\n\t\t\tstroke: {\r\n\t\t\t\tcurve: 'straight'\r\n\t\t\t},\r\n\t\t\tgrid: {\r\n\t\t\t\trow: {\r\n\t\t\t\t\tcolors: ['#f3f3f3', 'transparent'], // takes an array which will be repeated on columns\r\n\t\t\t\t\topacity: 0.5\r\n\t\t\t\t},\r\n\t\t\t},\r\n\t\t\txaxis: {\r\n\t\t\t\tcategories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep'],\r\n\t\t\t},\r\n\t\t\tcolors: [primary]\r\n\t\t};\r\n\r\n\t\tvar chart = new ApexCharts(document.querySelector(apexChart), options);\r\n\t\tchart.render();\r\n\t}\r\n\r\n\tvar _demo2 = function () {\r\n\t\tconst apexChart = \"#chart_2\";\r\n\t\tvar options = {\r\n\t\t\tseries: [{\r\n\t\t\t\tname: 'series1',\r\n\t\t\t\tdata: [31, 40, 28, 51, 42, 109, 100]\r\n\t\t\t}, {\r\n\t\t\t\tname: 'series2',\r\n\t\t\t\tdata: [11, 32, 45, 32, 34, 52, 41]\r\n\t\t\t}],\r\n\t\t\tchart: {\r\n\t\t\t\theight: 350,\r\n\t\t\t\ttype: 'area'\r\n\t\t\t},\r\n\t\t\tdataLabels: {\r\n\t\t\t\tenabled: false\r\n\t\t\t},\r\n\t\t\tstroke: {\r\n\t\t\t\tcurve: 'smooth'\r\n\t\t\t},\r\n\t\t\txaxis: {\r\n\t\t\t\ttype: 'datetime',\r\n\t\t\t\tcategories: [\"2018-09-19T00:00:00.000Z\", \"2018-09-19T01:30:00.000Z\", \"2018-09-19T02:30:00.000Z\", \"2018-09-19T03:30:00.000Z\", \"2018-09-19T04:30:00.000Z\", \"2018-09-19T05:30:00.000Z\", \"2018-09-19T06:30:00.000Z\"]\r\n\t\t\t},\r\n\t\t\ttooltip: {\r\n\t\t\t\tx: {\r\n\t\t\t\t\tformat: 'dd/MM/yy HH:mm'\r\n\t\t\t\t},\r\n\t\t\t},\r\n\t\t\tcolors: [primary, success]\r\n\t\t};\r\n\r\n\t\tvar chart = new ApexCharts(document.querySelector(apexChart), options);\r\n\t\tchart.render();\r\n\t}\r\n\r\n\tvar _demo3 = function () {\r\n\t\tconst apexChart = \"#chart_3\";\r\n\t\tvar options = {\r\n\t\t\tseries: [{\r\n\t\t\t\tname: 'Net Profit',\r\n\t\t\t\tdata: [44, 55, 57, 56, 61, 58, 63, 60, 66]\r\n\t\t\t}, {\r\n\t\t\t\tname: 'Revenue',\r\n\t\t\t\tdata: [76, 85, 101, 98, 87, 105, 91, 114, 94]\r\n\t\t\t}, {\r\n\t\t\t\tname: 'Free Cash Flow',\r\n\t\t\t\tdata: [35, 41, 36, 26, 45, 48, 52, 53, 41]\r\n\t\t\t}],\r\n\t\t\tchart: {\r\n\t\t\t\ttype: 'bar',\r\n\t\t\t\theight: 350\r\n\t\t\t},\r\n\t\t\tplotOptions: {\r\n\t\t\t\tbar: {\r\n\t\t\t\t\thorizontal: false,\r\n\t\t\t\t\tcolumnWidth: '55%',\r\n\t\t\t\t\tendingShape: 'rounded'\r\n\t\t\t\t},\r\n\t\t\t},\r\n\t\t\tdataLabels: {\r\n\t\t\t\tenabled: false\r\n\t\t\t},\r\n\t\t\tstroke: {\r\n\t\t\t\tshow: true,\r\n\t\t\t\twidth: 2,\r\n\t\t\t\tcolors: ['transparent']\r\n\t\t\t},\r\n\t\t\txaxis: {\r\n\t\t\t\tcategories: ['Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct'],\r\n\t\t\t},\r\n\t\t\tyaxis: {\r\n\t\t\t\ttitle: {\r\n\t\t\t\t\ttext: '$ (thousands)'\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tfill: {\r\n\t\t\t\topacity: 1\r\n\t\t\t},\r\n\t\t\ttooltip: {\r\n\t\t\t\ty: {\r\n\t\t\t\t\tformatter: function (val) {\r\n\t\t\t\t\t\treturn \"$ \" + val + \" thousands\"\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tcolors: [primary, success, warning]\r\n\t\t};\r\n\r\n\t\tvar chart = new ApexCharts(document.querySelector(apexChart), options);\r\n\t\tchart.render();\r\n\t}\r\n\r\n\tvar _demo4 = function () {\r\n\t\tconst apexChart = \"#chart_4\";\r\n\t\tvar options = {\r\n\t\t\tseries: [{\r\n\t\t\t\tname: 'Marine Sprite',\r\n\t\t\t\tdata: [44, 55, 41, 37, 22, 43, 21]\r\n\t\t\t}, {\r\n\t\t\t\tname: 'Striking Calf',\r\n\t\t\t\tdata: [53, 32, 33, 52, 13, 43, 32]\r\n\t\t\t}, {\r\n\t\t\t\tname: 'Tank Picture',\r\n\t\t\t\tdata: [12, 17, 11, 9, 15, 11, 20]\r\n\t\t\t}, {\r\n\t\t\t\tname: 'Bucket Slope',\r\n\t\t\t\tdata: [9, 7, 5, 8, 6, 9, 4]\r\n\t\t\t}, {\r\n\t\t\t\tname: 'Reborn Kid',\r\n\t\t\t\tdata: [25, 12, 19, 32, 25, 24, 10]\r\n\t\t\t}],\r\n\t\t\tchart: {\r\n\t\t\t\ttype: 'bar',\r\n\t\t\t\theight: 350,\r\n\t\t\t\tstacked: true,\r\n\t\t\t},\r\n\t\t\tplotOptions: {\r\n\t\t\t\tbar: {\r\n\t\t\t\t\thorizontal: true,\r\n\t\t\t\t},\r\n\t\t\t},\r\n\t\t\tstroke: {\r\n\t\t\t\twidth: 1,\r\n\t\t\t\tcolors: ['#fff']\r\n\t\t\t},\r\n\t\t\ttitle: {\r\n\t\t\t\ttext: 'Fiction Books Sales'\r\n\t\t\t},\r\n\t\t\txaxis: {\r\n\t\t\t\tcategories: [2008, 2009, 2010, 2011, 2012, 2013, 2014],\r\n\t\t\t\tlabels: {\r\n\t\t\t\t\tformatter: function (val) {\r\n\t\t\t\t\t\treturn val + \"K\"\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tyaxis: {\r\n\t\t\t\ttitle: {\r\n\t\t\t\t\ttext: undefined\r\n\t\t\t\t},\r\n\t\t\t},\r\n\t\t\ttooltip: {\r\n\t\t\t\ty: {\r\n\t\t\t\t\tformatter: function (val) {\r\n\t\t\t\t\t\treturn val + \"K\"\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tfill: {\r\n\t\t\t\topacity: 1\r\n\t\t\t},\r\n\t\t\tlegend: {\r\n\t\t\t\tposition: 'top',\r\n\t\t\t\thorizontalAlign: 'left',\r\n\t\t\t\toffsetX: 40\r\n\t\t\t},\r\n\t\t\tcolors: [primary, success, warning, danger, info]\r\n\t\t};\r\n\r\n\t\tvar chart = new ApexCharts(document.querySelector(apexChart), options);\r\n\t\tchart.render();\r\n\t}\r\n\r\n\tvar _demo5 = function () {\r\n\t\tconst apexChart = \"#chart_5\";\r\n\t\tvar options = {\r\n\t\t\tseries: [{\r\n\t\t\t\tname: 'Income',\r\n\t\t\t\ttype: 'column',\r\n\t\t\t\tdata: [1.4, 2, 2.5, 1.5, 2.5, 2.8, 3.8, 4.6]\r\n\t\t\t}, {\r\n\t\t\t\tname: 'Cashflow',\r\n\t\t\t\ttype: 'column',\r\n\t\t\t\tdata: [1.1, 3, 3.1, 4, 4.1, 4.9, 6.5, 8.5]\r\n\t\t\t}, {\r\n\t\t\t\tname: 'Revenue',\r\n\t\t\t\ttype: 'line',\r\n\t\t\t\tdata: [20, 29, 37, 36, 44, 45, 50, 58]\r\n\t\t\t}],\r\n\t\t\tchart: {\r\n\t\t\t\theight: 350,\r\n\t\t\t\ttype: 'line',\r\n\t\t\t\tstacked: false\r\n\t\t\t},\r\n\t\t\tdataLabels: {\r\n\t\t\t\tenabled: false\r\n\t\t\t},\r\n\t\t\tstroke: {\r\n\t\t\t\twidth: [1, 1, 4]\r\n\t\t\t},\r\n\t\t\ttitle: {\r\n\t\t\t\ttext: 'XYZ - Stock Analysis (2009 - 2016)',\r\n\t\t\t\talign: 'left',\r\n\t\t\t\toffsetX: 110\r\n\t\t\t},\r\n\t\t\txaxis: {\r\n\t\t\t\tcategories: [2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016],\r\n\t\t\t},\r\n\t\t\tyaxis: [\r\n\t\t\t\t{\r\n\t\t\t\t\taxisTicks: {\r\n\t\t\t\t\t\tshow: true,\r\n\t\t\t\t\t},\r\n\t\t\t\t\taxisBorder: {\r\n\t\t\t\t\t\tshow: true,\r\n\t\t\t\t\t\tcolor: primary\r\n\t\t\t\t\t},\r\n\t\t\t\t\tlabels: {\r\n\t\t\t\t\t\tstyle: {\r\n\t\t\t\t\t\t\tcolors: primary,\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t},\r\n\t\t\t\t\ttitle: {\r\n\t\t\t\t\t\ttext: \"Income (thousand crores)\",\r\n\t\t\t\t\t\tstyle: {\r\n\t\t\t\t\t\t\tcolor: primary,\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t},\r\n\t\t\t\t\ttooltip: {\r\n\t\t\t\t\t\tenabled: true\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tseriesName: 'Income',\r\n\t\t\t\t\topposite: true,\r\n\t\t\t\t\taxisTicks: {\r\n\t\t\t\t\t\tshow: true,\r\n\t\t\t\t\t},\r\n\t\t\t\t\taxisBorder: {\r\n\t\t\t\t\t\tshow: true,\r\n\t\t\t\t\t\tcolor: success\r\n\t\t\t\t\t},\r\n\t\t\t\t\tlabels: {\r\n\t\t\t\t\t\tstyle: {\r\n\t\t\t\t\t\t\tcolors: success,\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t},\r\n\t\t\t\t\ttitle: {\r\n\t\t\t\t\t\ttext: \"Operating Cashflow (thousand crores)\",\r\n\t\t\t\t\t\tstyle: {\r\n\t\t\t\t\t\t\tcolor: success,\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t},\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tseriesName: 'Revenue',\r\n\t\t\t\t\topposite: true,\r\n\t\t\t\t\taxisTicks: {\r\n\t\t\t\t\t\tshow: true,\r\n\t\t\t\t\t},\r\n\t\t\t\t\taxisBorder: {\r\n\t\t\t\t\t\tshow: true,\r\n\t\t\t\t\t\tcolor: warning\r\n\t\t\t\t\t},\r\n\t\t\t\t\tlabels: {\r\n\t\t\t\t\t\tstyle: {\r\n\t\t\t\t\t\t\tcolors: warning,\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t},\r\n\t\t\t\t\ttitle: {\r\n\t\t\t\t\t\ttext: \"Revenue (thousand crores)\",\r\n\t\t\t\t\t\tstyle: {\r\n\t\t\t\t\t\t\tcolor: warning,\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t],\r\n\t\t\ttooltip: {\r\n\t\t\t\tfixed: {\r\n\t\t\t\t\tenabled: true,\r\n\t\t\t\t\tposition: 'topLeft', // topRight, topLeft, bottomRight, bottomLeft\r\n\t\t\t\t\toffsetY: 30,\r\n\t\t\t\t\toffsetX: 60\r\n\t\t\t\t},\r\n\t\t\t},\r\n\t\t\tlegend: {\r\n\t\t\t\thorizontalAlign: 'left',\r\n\t\t\t\toffsetX: 40\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\tvar chart = new ApexCharts(document.querySelector(apexChart), options);\r\n\t\tchart.render();\r\n\t}\r\n\r\n\tvar _demo6 = function () {\r\n\t\tconst apexChart = \"#chart_6\";\r\n\t\tvar options = {\r\n\t\t\tseries: [\r\n\t\t\t\t{\r\n\t\t\t\t\tdata: [\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\tx: 'Analysis',\r\n\t\t\t\t\t\t\ty: [\r\n\t\t\t\t\t\t\t\tnew Date('2019-02-27').getTime(),\r\n\t\t\t\t\t\t\t\tnew Date('2019-03-04').getTime()\r\n\t\t\t\t\t\t\t],\r\n\t\t\t\t\t\t\tfillColor: primary\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\tx: 'Design',\r\n\t\t\t\t\t\t\ty: [\r\n\t\t\t\t\t\t\t\tnew Date('2019-03-04').getTime(),\r\n\t\t\t\t\t\t\t\tnew Date('2019-03-08').getTime()\r\n\t\t\t\t\t\t\t],\r\n\t\t\t\t\t\t\tfillColor: success\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\tx: 'Coding',\r\n\t\t\t\t\t\t\ty: [\r\n\t\t\t\t\t\t\t\tnew Date('2019-03-07').getTime(),\r\n\t\t\t\t\t\t\t\tnew Date('2019-03-10').getTime()\r\n\t\t\t\t\t\t\t],\r\n\t\t\t\t\t\t\tfillColor: info\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\tx: 'Testing',\r\n\t\t\t\t\t\t\ty: [\r\n\t\t\t\t\t\t\t\tnew Date('2019-03-08').getTime(),\r\n\t\t\t\t\t\t\t\tnew Date('2019-03-12').getTime()\r\n\t\t\t\t\t\t\t],\r\n\t\t\t\t\t\t\tfillColor: warning\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\tx: 'Deployment',\r\n\t\t\t\t\t\t\ty: [\r\n\t\t\t\t\t\t\t\tnew Date('2019-03-12').getTime(),\r\n\t\t\t\t\t\t\t\tnew Date('2019-03-17').getTime()\r\n\t\t\t\t\t\t\t],\r\n\t\t\t\t\t\t\tfillColor: danger\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t]\r\n\t\t\t\t}\r\n\t\t\t],\r\n\t\t\tchart: {\r\n\t\t\t\theight: 350,\r\n\t\t\t\ttype: 'rangeBar'\r\n\t\t\t},\r\n\t\t\tplotOptions: {\r\n\t\t\t\tbar: {\r\n\t\t\t\t\thorizontal: true,\r\n\t\t\t\t\tdistributed: true,\r\n\t\t\t\t\tdataLabels: {\r\n\t\t\t\t\t\thideOverflowingLabels: false\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tdataLabels: {\r\n\t\t\t\tenabled: true,\r\n\t\t\t\tformatter: function (val, opts) {\r\n\t\t\t\t\tvar label = opts.w.globals.labels[opts.dataPointIndex]\r\n\t\t\t\t\tvar a = moment(val[0])\r\n\t\t\t\t\tvar b = moment(val[1])\r\n\t\t\t\t\tvar diff = b.diff(a, 'days')\r\n\t\t\t\t\treturn label + ': ' + diff + (diff > 1 ? ' days' : ' day')\r\n\t\t\t\t},\r\n\t\t\t\tstyle: {\r\n\t\t\t\t\tcolors: ['#f3f4f5', '#fff']\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\txaxis: {\r\n\t\t\t\ttype: 'datetime'\r\n\t\t\t},\r\n\t\t\tyaxis: {\r\n\t\t\t\tshow: false\r\n\t\t\t},\r\n\t\t\tgrid: {\r\n\t\t\t\trow: {\r\n\t\t\t\t\tcolors: ['#f3f4f5', '#fff'],\r\n\t\t\t\t\topacity: 1\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\tvar chart = new ApexCharts(document.querySelector(apexChart), options);\r\n\t\tchart.render();\r\n\t}\r\n\r\n\tvar _demo7 = function () {\r\n\t\tconst apexChart = \"#chart_7\";\r\n\t\tvar options = {\r\n\t\t\tseries: [{\r\n\t\t\t\tdata: [{\r\n\t\t\t\t\tx: new Date(1538778600000),\r\n\t\t\t\t\ty: [6629.81, 6650.5, 6623.04, 6633.33]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538780400000),\r\n\t\t\t\t\ty: [6632.01, 6643.59, 6620, 6630.11]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538782200000),\r\n\t\t\t\t\ty: [6630.71, 6648.95, 6623.34, 6635.65]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538784000000),\r\n\t\t\t\t\ty: [6635.65, 6651, 6629.67, 6638.24]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538785800000),\r\n\t\t\t\t\ty: [6638.24, 6640, 6620, 6624.47]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538787600000),\r\n\t\t\t\t\ty: [6624.53, 6636.03, 6621.68, 6624.31]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538789400000),\r\n\t\t\t\t\ty: [6624.61, 6632.2, 6617, 6626.02]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538791200000),\r\n\t\t\t\t\ty: [6627, 6627.62, 6584.22, 6603.02]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538793000000),\r\n\t\t\t\t\ty: [6605, 6608.03, 6598.95, 6604.01]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538794800000),\r\n\t\t\t\t\ty: [6604.5, 6614.4, 6602.26, 6608.02]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538796600000),\r\n\t\t\t\t\ty: [6608.02, 6610.68, 6601.99, 6608.91]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538798400000),\r\n\t\t\t\t\ty: [6608.91, 6618.99, 6608.01, 6612]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538800200000),\r\n\t\t\t\t\ty: [6612, 6615.13, 6605.09, 6612]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538802000000),\r\n\t\t\t\t\ty: [6612, 6624.12, 6608.43, 6622.95]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538803800000),\r\n\t\t\t\t\ty: [6623.91, 6623.91, 6615, 6615.67]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538805600000),\r\n\t\t\t\t\ty: [6618.69, 6618.74, 6610, 6610.4]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538807400000),\r\n\t\t\t\t\ty: [6611, 6622.78, 6610.4, 6614.9]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538809200000),\r\n\t\t\t\t\ty: [6614.9, 6626.2, 6613.33, 6623.45]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538811000000),\r\n\t\t\t\t\ty: [6623.48, 6627, 6618.38, 6620.35]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538812800000),\r\n\t\t\t\t\ty: [6619.43, 6620.35, 6610.05, 6615.53]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538814600000),\r\n\t\t\t\t\ty: [6615.53, 6617.93, 6610, 6615.19]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538816400000),\r\n\t\t\t\t\ty: [6615.19, 6621.6, 6608.2, 6620]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538818200000),\r\n\t\t\t\t\ty: [6619.54, 6625.17, 6614.15, 6620]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538820000000),\r\n\t\t\t\t\ty: [6620.33, 6634.15, 6617.24, 6624.61]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538821800000),\r\n\t\t\t\t\ty: [6625.95, 6626, 6611.66, 6617.58]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538823600000),\r\n\t\t\t\t\ty: [6619, 6625.97, 6595.27, 6598.86]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538825400000),\r\n\t\t\t\t\ty: [6598.86, 6598.88, 6570, 6587.16]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538827200000),\r\n\t\t\t\t\ty: [6588.86, 6600, 6580, 6593.4]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538829000000),\r\n\t\t\t\t\ty: [6593.99, 6598.89, 6585, 6587.81]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538830800000),\r\n\t\t\t\t\ty: [6587.81, 6592.73, 6567.14, 6578]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538832600000),\r\n\t\t\t\t\ty: [6578.35, 6581.72, 6567.39, 6579]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538834400000),\r\n\t\t\t\t\ty: [6579.38, 6580.92, 6566.77, 6575.96]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538836200000),\r\n\t\t\t\t\ty: [6575.96, 6589, 6571.77, 6588.92]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538838000000),\r\n\t\t\t\t\ty: [6588.92, 6594, 6577.55, 6589.22]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538839800000),\r\n\t\t\t\t\ty: [6589.3, 6598.89, 6589.1, 6596.08]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538841600000),\r\n\t\t\t\t\ty: [6597.5, 6600, 6588.39, 6596.25]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538843400000),\r\n\t\t\t\t\ty: [6598.03, 6600, 6588.73, 6595.97]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538845200000),\r\n\t\t\t\t\ty: [6595.97, 6602.01, 6588.17, 6602]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538847000000),\r\n\t\t\t\t\ty: [6602, 6607, 6596.51, 6599.95]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538848800000),\r\n\t\t\t\t\ty: [6600.63, 6601.21, 6590.39, 6591.02]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538850600000),\r\n\t\t\t\t\ty: [6591.02, 6603.08, 6591, 6591]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538852400000),\r\n\t\t\t\t\ty: [6591, 6601.32, 6585, 6592]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538854200000),\r\n\t\t\t\t\ty: [6593.13, 6596.01, 6590, 6593.34]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538856000000),\r\n\t\t\t\t\ty: [6593.34, 6604.76, 6582.63, 6593.86]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538857800000),\r\n\t\t\t\t\ty: [6593.86, 6604.28, 6586.57, 6600.01]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538859600000),\r\n\t\t\t\t\ty: [6601.81, 6603.21, 6592.78, 6596.25]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538861400000),\r\n\t\t\t\t\ty: [6596.25, 6604.2, 6590, 6602.99]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538863200000),\r\n\t\t\t\t\ty: [6602.99, 6606, 6584.99, 6587.81]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538865000000),\r\n\t\t\t\t\ty: [6587.81, 6595, 6583.27, 6591.96]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538866800000),\r\n\t\t\t\t\ty: [6591.97, 6596.07, 6585, 6588.39]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538868600000),\r\n\t\t\t\t\ty: [6587.6, 6598.21, 6587.6, 6594.27]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538870400000),\r\n\t\t\t\t\ty: [6596.44, 6601, 6590, 6596.55]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538872200000),\r\n\t\t\t\t\ty: [6598.91, 6605, 6596.61, 6600.02]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538874000000),\r\n\t\t\t\t\ty: [6600.55, 6605, 6589.14, 6593.01]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538875800000),\r\n\t\t\t\t\ty: [6593.15, 6605, 6592, 6603.06]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538877600000),\r\n\t\t\t\t\ty: [6603.07, 6604.5, 6599.09, 6603.89]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538879400000),\r\n\t\t\t\t\ty: [6604.44, 6604.44, 6600, 6603.5]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538881200000),\r\n\t\t\t\t\ty: [6603.5, 6603.99, 6597.5, 6603.86]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538883000000),\r\n\t\t\t\t\ty: [6603.85, 6605, 6600, 6604.07]\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tx: new Date(1538884800000),\r\n\t\t\t\t\ty: [6604.98, 6606, 6604.07, 6606]\r\n\t\t\t\t},\r\n\t\t\t\t]\r\n\t\t\t}],\r\n\t\t\tchart: {\r\n\t\t\t\ttype: 'candlestick',\r\n\t\t\t\theight: 350\r\n\t\t\t},\r\n\t\t\txaxis: {\r\n\t\t\t\ttype: 'datetime'\r\n\t\t\t},\r\n\t\t\tyaxis: {\r\n\t\t\t\ttooltip: {\r\n\t\t\t\t\tenabled: true\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tcolors: [success,danger]\r\n\t\t};\r\n\r\n\t\tvar chart = new ApexCharts(document.querySelector(apexChart), options);\r\n\t\tchart.render();\r\n\t}\r\n\r\n\tvar _demo8 = function () {\r\n\t\tconst apexChart = \"#chart_8\";\r\n\t\tvar options = {\r\n\t\t\tseries: [{\r\n\t\t\t\tname: 'Bubble1',\r\n\t\t\t\tdata: generateBubbleData(new Date('11 Feb 2017 GMT').getTime(), 20, {\r\n\t\t\t\t  min: 10,\r\n\t\t\t\t  max: 60\r\n\t\t\t\t})\r\n\t\t\t  },\r\n\t\t\t  {\r\n\t\t\t\tname: 'Bubble2',\r\n\t\t\t\tdata: generateBubbleData(new Date('11 Feb 2017 GMT').getTime(), 20, {\r\n\t\t\t\t  min: 10,\r\n\t\t\t\t  max: 60\r\n\t\t\t\t})\r\n\t\t\t  },\r\n\t\t\t  {\r\n\t\t\t\tname: 'Bubble3',\r\n\t\t\t\tdata: generateBubbleData(new Date('11 Feb 2017 GMT').getTime(), 20, {\r\n\t\t\t\t  min: 10,\r\n\t\t\t\t  max: 60\r\n\t\t\t\t})\r\n\t\t\t  },\r\n\t\t\t  {\r\n\t\t\t\tname: 'Bubble4',\r\n\t\t\t\tdata: generateBubbleData(new Date('11 Feb 2017 GMT').getTime(), 20, {\r\n\t\t\t\t  min: 10,\r\n\t\t\t\t  max: 60\r\n\t\t\t\t})\r\n\t\t\t  }],\r\n\t\t\tchart: {\r\n\t\t\t\theight: 350,\r\n\t\t\t\ttype: 'bubble',\r\n\t\t\t},\r\n\t\t\tdataLabels: {\r\n\t\t\t\tenabled: false\r\n\t\t\t},\r\n\t\t\tfill: {\r\n\t\t\t\topacity: 0.8\r\n\t\t\t},\r\n\t\t\txaxis: {\r\n\t\t\t\ttickAmount: 12,\r\n\t\t\t\ttype: 'category',\r\n\t\t\t},\r\n\t\t\tyaxis: {\r\n\t\t\t\tmax: 70\r\n\t\t\t},\r\n\t\t\tcolors: [primary, success, warning, danger]\r\n\t\t};\r\n\r\n\t\tvar chart = new ApexCharts(document.querySelector(apexChart), options);\r\n\t\tchart.render();\r\n\t}\r\n\r\n\tvar _demo9 = function () {\r\n\t\tconst apexChart = \"#chart_9\";\r\n\t\tvar options = {\r\n\t\t\tseries: [{\r\n\t\t\t\tname: \"SAMPLE A\",\r\n\t\t\t\tdata: [\r\n\t\t\t\t\t[16.4, 5.4], [21.7, 2], [25.4, 3], [19, 2], [10.9, 1], [13.6, 3.2], [10.9, 7.4], [10.9, 0], [10.9, 8.2], [16.4, 0], [16.4, 1.8], [13.6, 0.3], [13.6, 0], [29.9, 0], [27.1, 2.3], [16.4, 0], [13.6, 3.7], [10.9, 5.2], [16.4, 6.5], [10.9, 0], [24.5, 7.1], [10.9, 0], [8.1, 4.7], [19, 0], [21.7, 1.8], [27.1, 0], [24.5, 0], [27.1, 0], [29.9, 1.5], [27.1, 0.8], [22.1, 2]]\r\n\t\t\t}, {\r\n\t\t\t\tname: \"SAMPLE B\",\r\n\t\t\t\tdata: [\r\n\t\t\t\t\t[36.4, 13.4], [1.7, 11], [5.4, 8], [9, 17], [1.9, 4], [3.6, 12.2], [1.9, 14.4], [1.9, 9], [1.9, 13.2], [1.4, 7], [6.4, 8.8], [3.6, 4.3], [1.6, 10], [9.9, 2], [7.1, 15], [1.4, 0], [3.6, 13.7], [1.9, 15.2], [6.4, 16.5], [0.9, 10], [4.5, 17.1], [10.9, 10], [0.1, 14.7], [9, 10], [12.7, 11.8], [2.1, 10], [2.5, 10], [27.1, 10], [2.9, 11.5], [7.1, 10.8], [2.1, 12]]\r\n\t\t\t}, {\r\n\t\t\t\tname: \"SAMPLE C\",\r\n\t\t\t\tdata: [\r\n\t\t\t\t\t[21.7, 3], [23.6, 3.5], [24.6, 3], [29.9, 3], [21.7, 20], [23, 2], [10.9, 3], [28, 4], [27.1, 0.3], [16.4, 4], [13.6, 0], [19, 5], [22.4, 3], [24.5, 3], [32.6, 3], [27.1, 4], [29.6, 6], [31.6, 8], [21.6, 5], [20.9, 4], [22.4, 0], [32.6, 10.3], [29.7, 20.8], [24.5, 0.8], [21.4, 0], [21.7, 6.9], [28.6, 7.7], [15.4, 0], [18.1, 0], [33.4, 0], [16.4, 0]]\r\n\t\t\t}],\r\n\t\t\tchart: {\r\n\t\t\t\theight: 350,\r\n\t\t\t\ttype: 'scatter',\r\n\t\t\t\tzoom: {\r\n\t\t\t\t\tenabled: true,\r\n\t\t\t\t\ttype: 'xy'\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\txaxis: {\r\n\t\t\t\ttickAmount: 10,\r\n\t\t\t\tlabels: {\r\n\t\t\t\t\tformatter: function (val) {\r\n\t\t\t\t\t\treturn parseFloat(val).toFixed(1)\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tyaxis: {\r\n\t\t\t\ttickAmount: 7\r\n\t\t\t},\r\n\t\t\tcolors: [primary, success, warning]\r\n\t\t};\r\n\r\n\t\tvar chart = new ApexCharts(document.querySelector(apexChart), options);\r\n\t\tchart.render();\r\n\t}\r\n\r\n\tvar _demo10 = function () {\r\n\t\tconst apexChart = \"#chart_10\";\r\n\t\tvar options = {\r\n\t\t\tseries: [{\r\n\t\t\t\tname: 'Jan',\r\n\t\t\t\tdata: generateData(20, {\r\n\t\t\t\t\tmin: -30,\r\n\t\t\t\t\tmax: 55\r\n\t\t\t\t})\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tname: 'Feb',\r\n\t\t\t\tdata: generateData(20, {\r\n\t\t\t\t\tmin: -30,\r\n\t\t\t\t\tmax: 55\r\n\t\t\t\t})\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tname: 'Mar',\r\n\t\t\t\tdata: generateData(20, {\r\n\t\t\t\t\tmin: -30,\r\n\t\t\t\t\tmax: 55\r\n\t\t\t\t})\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tname: 'Apr',\r\n\t\t\t\tdata: generateData(20, {\r\n\t\t\t\t\tmin: -30,\r\n\t\t\t\t\tmax: 55\r\n\t\t\t\t})\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tname: 'May',\r\n\t\t\t\tdata: generateData(20, {\r\n\t\t\t\t\tmin: -30,\r\n\t\t\t\t\tmax: 55\r\n\t\t\t\t})\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tname: 'Jun',\r\n\t\t\t\tdata: generateData(20, {\r\n\t\t\t\t\tmin: -30,\r\n\t\t\t\t\tmax: 55\r\n\t\t\t\t})\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tname: 'Jul',\r\n\t\t\t\tdata: generateData(20, {\r\n\t\t\t\t\tmin: -30,\r\n\t\t\t\t\tmax: 55\r\n\t\t\t\t})\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tname: 'Aug',\r\n\t\t\t\tdata: generateData(20, {\r\n\t\t\t\t\tmin: -30,\r\n\t\t\t\t\tmax: 55\r\n\t\t\t\t})\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tname: 'Sep',\r\n\t\t\t\tdata: generateData(20, {\r\n\t\t\t\t\tmin: -30,\r\n\t\t\t\t\tmax: 55\r\n\t\t\t\t})\r\n\t\t\t}\r\n\t\t\t],\r\n\t\t\tchart: {\r\n\t\t\t\theight: 350,\r\n\t\t\t\ttype: 'heatmap',\r\n\t\t\t},\r\n\t\t\tplotOptions: {\r\n\t\t\t\theatmap: {\r\n\t\t\t\t\tshadeIntensity: 0.5,\r\n\r\n\t\t\t\t\tcolorScale: {\r\n\t\t\t\t\t\tranges: [{\r\n\t\t\t\t\t\t\tfrom: -30,\r\n\t\t\t\t\t\t\tto: 5,\r\n\t\t\t\t\t\t\tname: 'low',\r\n\t\t\t\t\t\t\tcolor: success\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\tfrom: 6,\r\n\t\t\t\t\t\t\tto: 20,\r\n\t\t\t\t\t\t\tname: 'medium',\r\n\t\t\t\t\t\t\tcolor: primary\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\tfrom: 21,\r\n\t\t\t\t\t\t\tto: 45,\r\n\t\t\t\t\t\t\tname: 'high',\r\n\t\t\t\t\t\t\tcolor: warning\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\tfrom: 46,\r\n\t\t\t\t\t\t\tto: 55,\r\n\t\t\t\t\t\t\tname: 'extreme',\r\n\t\t\t\t\t\t\tcolor: danger\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t]\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tdataLabels: {\r\n\t\t\t\tenabled: false\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\tvar chart = new ApexCharts(document.querySelector(apexChart), options);\r\n\t\tchart.render();\r\n\t}\r\n\r\n\tvar _demo11 = function () {\r\n\t\tconst apexChart = \"#chart_11\";\r\n\t\tvar options = {\r\n\t\t\tseries: [44, 55, 41, 17, 15],\r\n\t\t\tchart: {\r\n\t\t\t\twidth: 380,\r\n\t\t\t\ttype: 'donut',\r\n\t\t\t},\r\n\t\t\tresponsive: [{\r\n\t\t\t\tbreakpoint: 480,\r\n\t\t\t\toptions: {\r\n\t\t\t\t\tchart: {\r\n\t\t\t\t\t\twidth: 200\r\n\t\t\t\t\t},\r\n\t\t\t\t\tlegend: {\r\n\t\t\t\t\t\tposition: 'bottom'\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}],\r\n\t\t\tcolors: [primary, success, warning, danger, info]\r\n\t\t};\r\n\r\n\t\tvar chart = new ApexCharts(document.querySelector(apexChart), options);\r\n\t\tchart.render();\r\n\t}\r\n\r\n\tvar _demo12 = function () {\r\n\t\tconst apexChart = \"#chart_12\";\r\n\t\tvar options = {\r\n\t\t\tseries: [44, 55, 13, 43, 22],\r\n\t\t\tchart: {\r\n\t\t\t\twidth: 380,\r\n\t\t\t\ttype: 'pie',\r\n\t\t\t},\r\n\t\t\tlabels: ['Team A', 'Team B', 'Team C', 'Team D', 'Team E'],\r\n\t\t\tresponsive: [{\r\n\t\t\t\tbreakpoint: 480,\r\n\t\t\t\toptions: {\r\n\t\t\t\t\tchart: {\r\n\t\t\t\t\t\twidth: 200\r\n\t\t\t\t\t},\r\n\t\t\t\t\tlegend: {\r\n\t\t\t\t\t\tposition: 'bottom'\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}],\r\n\t\t\tcolors: [primary, success, warning, danger, info]\r\n\t\t};\r\n\r\n\t\tvar chart = new ApexCharts(document.querySelector(apexChart), options);\r\n\t\tchart.render();\r\n\t}\r\n\r\n\tvar _demo13 = function () {\r\n\t\tconst apexChart = \"#chart_13\";\r\n\t\tvar options = {\r\n\t\t\tseries: [44, 55, 67, 83],\r\n\t\t\tchart: {\r\n\t\t\t\theight: 350,\r\n\t\t\t\ttype: 'radialBar',\r\n\t\t\t},\r\n\t\t\tplotOptions: {\r\n\t\t\t\tradialBar: {\r\n\t\t\t\t\tdataLabels: {\r\n\t\t\t\t\t\tname: {\r\n\t\t\t\t\t\t\tfontSize: '22px',\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tvalue: {\r\n\t\t\t\t\t\t\tfontSize: '16px',\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\ttotal: {\r\n\t\t\t\t\t\t\tshow: true,\r\n\t\t\t\t\t\t\tlabel: 'Total',\r\n\t\t\t\t\t\t\tformatter: function (w) {\r\n\t\t\t\t\t\t\t\t// By default this function returns the average of all series. The below is just an example to show the use of custom formatter function\r\n\t\t\t\t\t\t\t\treturn 249\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tlabels: ['Apples', 'Oranges', 'Bananas', 'Berries'],\r\n\t\t\tcolors: [primary, success, warning, danger]\r\n\t\t};\r\n\r\n\t\tvar chart = new ApexCharts(document.querySelector(apexChart), options);\r\n\t\tchart.render();\r\n\t}\r\n\r\n\tvar _demo14 = function () {\r\n\t\tconst apexChart = \"#chart_14\";\r\n\t\tvar options = {\r\n\t\t\tseries: [{\r\n\t\t\t\tname: 'Series 1',\r\n\t\t\t\tdata: [80, 50, 30, 40, 100, 20],\r\n\t\t\t}, {\r\n\t\t\t\tname: 'Series 2',\r\n\t\t\t\tdata: [20, 30, 40, 80, 20, 80],\r\n\t\t\t}, {\r\n\t\t\t\tname: 'Series 3',\r\n\t\t\t\tdata: [44, 76, 78, 13, 43, 10],\r\n\t\t\t}],\r\n\t\t\tchart: {\r\n\t\t\t\theight: 350,\r\n\t\t\t\ttype: 'radar',\r\n\t\t\t\tdropShadow: {\r\n\t\t\t\t\tenabled: true,\r\n\t\t\t\t\tblur: 1,\r\n\t\t\t\t\tleft: 1,\r\n\t\t\t\t\ttop: 1\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tstroke: {\r\n\t\t\t\twidth: 0\r\n\t\t\t},\r\n\t\t\tfill: {\r\n\t\t\t\topacity: 0.4\r\n\t\t\t},\r\n\t\t\tmarkers: {\r\n\t\t\t\tsize: 0\r\n\t\t\t},\r\n\t\t\txaxis: {\r\n\t\t\t\tcategories: ['2011', '2012', '2013', '2014', '2015', '2016']\r\n\t\t\t},\r\n\t\t\tcolors: [primary, success, warning]\r\n\t\t};\r\n\r\n\t\tvar chart = new ApexCharts(document.querySelector(apexChart), options);\r\n\t\tchart.render();\r\n\t}\r\n\r\n\treturn {\r\n\t\t// public functions\r\n\t\tinit: function () {\r\n\t\t\t_demo1();\r\n\t\t\t_demo2();\r\n\t\t\t_demo3();\r\n\t\t\t_demo4();\r\n\t\t\t_demo5();\r\n\t\t\t_demo6();\r\n\t\t\t_demo7();\r\n\t\t\t_demo8();\r\n\t\t\t_demo9();\r\n\t\t\t_demo10();\r\n\t\t\t_demo11();\r\n\t\t\t_demo12();\r\n\t\t\t_demo13();\r\n\t\t\t_demo14();\r\n\t\t}\r\n\t};\r\n}();\r\n\r\njQuery(document).ready(function () {\r\n\tKTApexChartsDemo.init();\r\n});\r\n"],"sourceRoot":""}