{"id":25146,"date":"2020-09-02T04:37:30","date_gmt":"2020-09-02T04:37:30","guid":{"rendered":"https:\/\/iqonic.design\/wp-themes\/xamin-elementor\/?page_id=5375"},"modified":"2020-09-02T04:37:30","modified_gmt":"2020-09-02T04:37:30","slug":"dashboard-2","status":"publish","type":"page","link":"https:\/\/jpstream.net\/dashboard-2\/","title":{"rendered":"Dashboard 2"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"25146\" class=\"elementor elementor-25146\">\n\t\t\t\t\t\t<div data-marvy_enable_birds_animation=\"false\" data-marvy_enable_cells_animation=\"false\" data-marvy_enable_dots_animation=\"true\" data-marvy_dots_animation_background_color=\"#19203A\" data-marvy_dots_animation_color=\"#437EEB\" data-marvy_dots_animation_color_two=\"#19203A\" data-marvy_dots_animation_size=\"4\" data-marvy_dots_animation_spacing=\"20\" data-marvy_enable_fog_animation=\"false\" data-marvy_enable_globe_animation=\"false\" data-marvy_enable_halo_animation=\"false\" data-marvy_enable_net_animation=\"false\" data-marvy_enable_trunk_animation=\"false\" data-marvy_enable_fluid_animation=\"false\" data-marvy_enable_digitalStream_animation=\"false\" data-marvy_enable_floating_heart_animation=\"false\" data-marvy_enable_particles_wave_animation=\"false\" data-marvy_enable_dna_animation=\"false\" data-marvy_enable_beyblade_animation=\"false\" data-marvy_enable_drop_animation=\"false\" data-marvy_enable_fancy_rotate=\"false\" data-marvy_enable_flying_object=\"false\" data-marvy_enable_ripples_animation=\"false\" data-marvy_enable_waves_animation=\"false\" data-marvy_enable_rings_animation=\"false\" data-marvy_enable_topology_animation=\"false\" data-marvy_enable_gradient_animation=\"false\" data-marvy_enable_snow_animation=\"false\" data-marvy_enable_firework_animation=\"false\" data-marvy_enable_cloud_animation=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-72970e8 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"72970e8\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2a87e86 layouts-column-align-inherit layouts-section-position-none\" data-id=\"2a87e86\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"hf-elementor-layout elementor-element elementor-element-aa699fd elementor-widget elementor-widget-xamin_section_title\" data-id=\"aa699fd\" data-element_type=\"widget\" data-widget_type=\"xamin_section_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n<div class=\"iq-title-box title-center\">\n\n\t<span class=\"iq-subtitle\">DASHBOARD<\/span>\t\n\t\t<h1 class=\"iq-title\">\n\t\t\tEcommerce analytics\t\t<\/h1>\n\t\t\n\t<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section data-marvy_enable_birds_animation=\"false\" data-marvy_enable_cells_animation=\"false\" data-marvy_enable_dots_animation=\"false\" data-marvy_enable_fog_animation=\"false\" data-marvy_enable_globe_animation=\"false\" data-marvy_enable_halo_animation=\"false\" data-marvy_enable_net_animation=\"false\" data-marvy_enable_trunk_animation=\"false\" data-marvy_enable_fluid_animation=\"false\" data-marvy_enable_digitalStream_animation=\"false\" data-marvy_enable_floating_heart_animation=\"false\" data-marvy_enable_particles_wave_animation=\"false\" data-marvy_enable_dna_animation=\"false\" data-marvy_enable_beyblade_animation=\"false\" data-marvy_enable_drop_animation=\"false\" data-marvy_enable_fancy_rotate=\"false\" data-marvy_enable_flying_object=\"false\" data-marvy_enable_ripples_animation=\"false\" data-marvy_enable_waves_animation=\"false\" data-marvy_enable_rings_animation=\"false\" data-marvy_enable_topology_animation=\"false\" data-marvy_enable_gradient_animation=\"false\" data-marvy_enable_snow_animation=\"false\" data-marvy_enable_firework_animation=\"false\" data-marvy_enable_cloud_animation=\"false\" class=\"elementor-section elementor-inner-section elementor-element elementor-element-7fbc4115 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7fbc4115\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-be16569 layouts-column-align-inherit layouts-section-position-none\" data-id=\"be16569\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"hf-elementor-layout elementor-element elementor-element-3235bb22 elementor-invisible elementor-widget elementor-widget-xamin_counter\" data-id=\"3235bb22\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"xamin_counter.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t<div class=\"iq-counter text-left iq-box-shadow iq-counter-style-3\">\n\n\t\t\t\t\t<div class=\"iq-counter-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\" flaticon-professional\"><\/i>\t\t\t<\/div>\n\t\t\t\t<div class=\"counter-content\">\n\t\t\t<p class=\"iq-counter-info\">\n\t\t\t\t<span class=\"timer\" data-to=\"23457\" data-speed=\"5000\">23457<\/span>\n\t\t\t\t<span class=\"counter-after-content\"><\/span>\n\t\t\t\t<span class=\"counter-symbol\"><\/span>\n\t\t\t<\/p>\n\t\t\t\t\t\t\t<h6 class=\"counter-title-text\">Profit<\/h6>\n\n\t\t\t\t\t\t\t<p class=\"counter-content-text\">It is a long established fact that a reader will be distracted<\/p>\n\t\t\t\t\t<\/div>\n\n\t<\/div>\n\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-28e2b0d5 layouts-column-align-inherit layouts-section-position-none\" data-id=\"28e2b0d5\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"hf-elementor-layout elementor-element elementor-element-21650c72 elementor-invisible elementor-widget elementor-widget-xamin_counter\" data-id=\"21650c72\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"xamin_counter.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t<div class=\"iq-counter text-left iq-box-shadow iq-counter-style-3\">\n\n\t\t\t\t\t<div class=\"iq-counter-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\" flaticon-contract\"><\/i>\t\t\t<\/div>\n\t\t\t\t<div class=\"counter-content\">\n\t\t\t<p class=\"iq-counter-info\">\n\t\t\t\t<span class=\"timer\" data-to=\"475\" data-speed=\"5000\">475<\/span>\n\t\t\t\t<span class=\"counter-after-content\"><\/span>\n\t\t\t\t<span class=\"counter-symbol\"><\/span>\n\t\t\t<\/p>\n\t\t\t\t\t\t\t<h6 class=\"counter-title-text\">Active Buyers<\/h6>\n\n\t\t\t\t\t\t\t<p class=\"counter-content-text\">It is a long established fact that a reader will be distracted<\/p>\n\t\t\t\t\t<\/div>\n\n\t<\/div>\n\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-526e774 layouts-column-align-inherit layouts-section-position-none\" data-id=\"526e774\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"hf-elementor-layout elementor-element elementor-element-41466279 elementor-invisible elementor-widget elementor-widget-xamin_counter\" data-id=\"41466279\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"xamin_counter.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t<div class=\"iq-counter text-left iq-box-shadow iq-counter-style-3\">\n\n\t\t\t\t\t<div class=\"iq-counter-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\" flaticon-reward-1\"><\/i>\t\t\t<\/div>\n\t\t\t\t<div class=\"counter-content\">\n\t\t\t<p class=\"iq-counter-info\">\n\t\t\t\t<span class=\"timer\" data-to=\"3234\" data-speed=\"5000\">3234<\/span>\n\t\t\t\t<span class=\"counter-after-content\"><\/span>\n\t\t\t\t<span class=\"counter-symbol\"><\/span>\n\t\t\t<\/p>\n\t\t\t\t\t\t\t<h6 class=\"counter-title-text\">Total order<\/h6>\n\n\t\t\t\t\t\t\t<p class=\"counter-content-text\">It is a long established fact that a reader will be distracted<\/p>\n\t\t\t\t\t<\/div>\n\n\t<\/div>\n\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div data-marvy_enable_birds_animation=\"false\" data-marvy_enable_cells_animation=\"false\" data-marvy_enable_dots_animation=\"false\" data-marvy_enable_fog_animation=\"false\" data-marvy_enable_globe_animation=\"false\" data-marvy_enable_halo_animation=\"false\" data-marvy_enable_net_animation=\"false\" data-marvy_enable_trunk_animation=\"false\" data-marvy_enable_fluid_animation=\"false\" data-marvy_enable_digitalStream_animation=\"false\" data-marvy_enable_floating_heart_animation=\"false\" data-marvy_enable_particles_wave_animation=\"false\" data-marvy_enable_dna_animation=\"false\" data-marvy_enable_beyblade_animation=\"false\" data-marvy_enable_drop_animation=\"false\" data-marvy_enable_fancy_rotate=\"false\" data-marvy_enable_flying_object=\"false\" data-marvy_enable_ripples_animation=\"false\" data-marvy_enable_waves_animation=\"false\" data-marvy_enable_rings_animation=\"false\" data-marvy_enable_topology_animation=\"false\" data-marvy_enable_gradient_animation=\"false\" data-marvy_enable_snow_animation=\"false\" data-marvy_enable_firework_animation=\"false\" data-marvy_enable_cloud_animation=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-3b4b760e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3b4b760e\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2c1ca927 layouts-column-align-inherit layouts-section-position-none\" data-id=\"2c1ca927\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"hf-elementor-layout elementor-element elementor-element-70505897 elementor-invisible elementor-widget elementor-widget-column_chart\" data-id=\"70505897\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"column_chart.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t    <div class=\"chart-card\">\n        <div class=\"\">\n                            <h4 class=\"heading graphina-chart-heading\" style=\"text-align:left;color:#FFFFFF;\">\n                    Total Order                <\/h4>\n                    <\/div>\n                            <div class=\"\">\n                                    <div class=\"chart-texture column-chart-70505897\" style=\"min-height:350px;\"\n                         id='column_chart70505897'><\/div>\n                                <\/div>\n                    <div style=\"height:350px;                display: flex;justify-content: center;align-items: center;\"\n             class=\"d-none area-texture column-chart-70505897-loader\" >\n                        <p class=\"graphina-filter-notext d-none\" style=\"text-align: center;\">\n                No Data Found            <\/p>\n        <\/div>\n    <\/div>\n                <script>\n                var myElement = document.querySelector(\".column-chart-70505897\");\n\n                if (typeof isInit === 'undefined') {\n                    var isInit = {};\n                }\n                isInit['70505897'] = false;\n\n                var columnOptions = {\n                    series: [{\"name\":\"Sold\",\"data\":[183,112,109,130,105,130,193,179],\"color\":\"#4FDEE2\"},{\"name\":\"No Sold\",\"data\":[118,175,119,186,157,137,125,102],\"color\":\"#4781ED\"},{\"name\":\"Pending\",\"data\":[160,158,193,110,131,136,162,146],\"color\":\"#162238\"}],\n                    chart: {\n                        background: '',\n                        height: parseInt('350'),\n                        type: 'bar',\n                        fontFamily: 'Poppins',\n                        locales: [JSON.parse('{\"name\":\"en\",\"options\":{\"toolbar\":{\"download\":\"Download SVG\",\"selection\":\"Selection\",\"selectionZoom\":\"Selection Zoom\",\"zoomIn\":\"Zoom In\",\"zoomOut\":\"Zoom Out\",\"pan\":\"Panning\",\"reset\":\"Reset Zoom\",\"menu\":\"Menu\",\"exportToSVG\":\"Download SVG\",\"exportToPNG\":\"Download PNG\",\"exportToCSV\":\"Download CSV\"}}}')],\n                        defaultLocale: \"en\",\n                        stacked: 'yes',\n                        stackType: 'normal',\n                        animations: {\n                            enabled: '1',\n                            speed: '800',\n                            \/\/delay: '\/\/'\n                        },\n                        toolbar: {\n                            offsetX: parseInt('0') || 0,\n                            offsetY: parseInt('0')|| 0,\n                            show: '',\n                            export: {\n                                csv: {\n                                    filename: \"70505897\"\n                                },\n                                svg: {\n                                    filename: \"70505897\"\n                                },\n                                png: {\n                                    filename: \"70505897\"\n                                }\n                            }\n                        },\n                        dropShadow: {\n                            enabled: '',\n                            enabledOnSeries: [0,1,2],\n                            top: parseInt(''),\n                            left: parseInt(''),\n                            blur: parseInt(''),\n                            color: '',\n                            opacity: parseFloat('')\n                        }\n                    },\n                    plotOptions: {\n                        bar: {\n                            horizontal: '',\n                            columnWidth: '35% ',\n                            borderRadius: parseInt('0') || 0,\n                            dataLabels: {\n                                position: '',\n                                orientation: '',\n                            }\n                        },\n                    },\n                    noData: {\n                        text: 'No Data Available',\n                        align: 'center',\n                        verticalAlign: 'middle',\n                        style: {\n                            fontSize: '16px',\n                            fontFamily: 'Poppins',\n                            color: '#FFFFFF'\n                        }\n                    },\n                    dataLabels: {\n                        enabled: '',\n                        offsetY: parseFloat('0'),\n                        offsetX: parseFloat('0'),\n                        style: {\n                            fontSize: '16px',\n                            fontFamily: 'Poppins',\n                            fontWeight: '',\n                            colors: ['']\n                        },\n                        background: {\n                            enabled: '',\n                            borderRadius:parseInt('0'),\n                            foreColor: [''],\n                            borderWidth: parseInt('') || 0,\n                            borderColor: ''\n                        },\n                    },\n                    stroke: {\n                        show: true,\n                        width: 2,\n                        colors: ['transparent']\n                    },\n                    grid: {\n                        borderColor: '#90A4AE',\n                        yaxis: {\n                            lines: {\n                                show: 'yes'\n                            }\n                        }\n                    },\n                    xaxis: {\n                        categories: 'Jan_,_Feb_,_Mar_,_Apr_,_May_,_Jun_,_July_,_Aug'.split('_,_'),\n                        position: 'bottom',\n                        tickAmount: parseInt(\"6\"),\n                        tickPlacement: \"on\",\n                        labels: {\n                            show: 'yes',\n                            rotateAlways: '',\n                            rotate: parseInt('') || 0,\n                            offsetX: parseInt('0')|| 0,\n                            offsetY: parseInt('0') || 0,\n                            trim: true,\n                            style: {\n                                colors: '#FFFFFF',\n                                fontSize: '16px',\n                                fontFamily: 'Poppins',\n                                fontWeight: ''\n                            },\n                            formatter: function (val) {\n                                if(''){\n                                    if(''){\n                                        let decimal = parseInt('0') || 0;\n                                        if(\"\"){\n                                            val = graphinNumberWithCommas(val,',',decimal)\n                                        }\n                                        else if(\"\"\n                                            &&  typeof graphinaAbbrNum  !== \"undefined\"){\n                                            val = graphinaAbbrNum(val ,  parseInt(\"\") || 0 );\n                                        }else{\n                                            val = parseFloat(val).toFixed(decimal)\n                                        }\n                                        return '' + val + '';\n                                    }else{\n                                        val = '' + val + '';\n                                        if(val){\n                                            val = val.split(',')\n                                        }\n                                        return val;\n                                    }\n\n                                }\n                                return val;\n                            }\n                        },\n                        tooltip: {\n                            enabled: \"\"\n                        },\n                        crosshairs: {\n                            show: \"\"\n                        }\n                    },\n                    yaxis: {\n                        opposite: '',\n                        decimalsInFloat: parseInt(\"2\"),\n                        labels: {\n                            show: 'yes',\n                            rotate: parseInt('0') || 0,\n                            offsetX: parseInt('0') || 0,\n                            offsetY: parseInt('0') || 0,\n                            maxWidth: parseInt('auto')|| \"auto\" ,\n                            style: {\n                                colors: '#FFFFFF',\n                                fontSize: '16px',\n                                fontFamily: 'Poppins',\n                                fontWeight: ''\n                            },\n                        },\n                        tooltip: {\n                            enabled: \"\"\n                        },\n                        crosshairs: {\n                            show: \"\"\n                        },\n                       \n                    },\n                    colors: '#4FDEE2_,_#4781ED_,_#162238'.split('_,_'),\n                    fill: {\n                        type: 'classic',\n                        opacity: parseFloat('1'),\n                        colors: '#4FDEE2_,_#4781ED_,_#162238'.split('_,_'),\n                        gradient: {\n                            gradientToColors: '#4FDEE2_,_#4781ED_,_#162238'.split('_,_'),\n                            type: '',\n                            inverseColors: '',\n                            opacityFrom: parseFloat(''),\n                            opacityTo: parseFloat('')\n                        },\n                        pattern: {\n                            style: '_,__,_'.split('_,_'),\n                            width: 6,\n                            height: 6,\n                            strokeWidth: 2\n                        }\n                    },\n                    legend: {\n                        showForSingleSeries:true,\n                        show: 'yes',\n                        position: 'bottom',\n                        horizontalAlign: 'center',\n                        fontSize: '16px',\n                        fontFamily: 'Poppins',\n                        fontWeight: '',\n                        labels: {\n                            colors: '#FFFFFF'\n                        },\n                        tooltipHoverFormatter: function(seriesName, opts) {\n                            if(''){\n\n                                let divEl= document.createElement(\"div\");\n                                divEl.classList.add(\"legend-info\");\n                                divEl.append(document.createElement(\"span\").innerText=seriesName,\":\",document.createElement(\"strong\").innerText=opts.w.globals.series[opts.seriesIndex])\n                                return divEl.outerHTML;\n                                \/\/ return `<div class=\"legend-info\"><span>${seriesName}<\/span>:<strong>${opts.w.globals.series[opts.seriesIndex][opts.dataPointIndex]}<\/strong><\/div>`\n                            }\n                            return seriesName\n                        }\n                    },\n                    tooltip: {\n                        enabled: 'yes',\n                        theme: 'light',\n                        shared: 'yes' === \"yes\",\n                        intersect:!('yes' === \"yes\"),\n                        style: {\n                            fontSize: '16px',\n                            fontFamily: 'Poppins'\n                        },\n                        y:{\n\n                        }\n                    },\n                    responsive: [{\n                        breakpoint: 1024,\n                        options: {\n                            chart: {\n                                height: parseInt('350')\n                            },\n                        }\n                    },\n                        {\n                            breakpoint: 674,\n                            options: {\n                                chart: {\n                                    height: parseInt('350')\n                                },\n                            }\n                        }\n                    ]\n                };\n\n                if(''){\n                    columnOptions.tooltip.y.formatter = function(val){\n                        if(''){\n                            let decimal = parseInt('0') || 0;\n                            if(\"\"){\n                                val = graphinNumberWithCommas(val,',',decimal)\n                            }\n                            else if(\"\"\n                                &&  typeof graphinaAbbrNum  !== \"undefined\"){\n                                val = graphinaAbbrNum(val ,  parseInt(\"\") || 0 );\n                            }else{\n                                val = parseFloat(val).toFixed(decimal)\n                            }\n                            return '' + val + '';\n                        }\n                        return val;\n                    }\n                }\n\n                if (\"\" === \"yes\") {\n                    columnOptions.yaxis.labels.formatter = function (val) {\n                        if(''){\n                            val = '' + val + '';\n                            if(val){\n                                val = val.split(',')\n                            }\n                            return val;\n                        }\n                        let stackCondition = !('') \n                        if(stackCondition ){\n                            let decimal = parseInt('0') || 0;\n                            if(\"\"){\n                                val = graphinNumberWithCommas(val,',',decimal)\n                            }\n                            else if(\"\"\n                                &&  typeof graphinaAbbrNum  !== \"undefined\"){\n                                val = graphinaAbbrNum(val ,  parseInt(\"\") || 0 );\n                            }else{\n                                val = parseFloat(val).toFixed(decimal)\n                            }\n                        }\n                        return '' + val + '';\n                    }\n                }\n                if(\"1\"){\n                    columnOptions.yaxis.tickAmount = parseInt(\"6\");\n                    columnOptions.dataLabels.formatter = function (val) {\n                        if(Number.isNaN(val)){\n                            return  '';\n                        }\n                        if(\"\"){\n                            val = graphinNumberWithCommas(val,',')\n                        }\n                        else if(\"\"\n                            &&  typeof graphinaAbbrNum  !== \"undefined\"){      \n                                val = graphinaAbbrNum(val ,  parseInt(\"\") || 0 );\n                            }\n                        return '' + val + '';\n                    };\n                }else{\n                    columnOptions.dataLabels.formatter = function (val) {\n                        if(Number.isNaN(val)){\n                            return val;\n                        }\n                        val =  parseFloat(val).toFixed(parseInt(\"0\") || 0 ) ;\n                        if(\"\"){\n                           val = graphinNumberWithCommas(val,',')\n                        }\n                        val = '' + val + '';\n                        return val;\n                    };\n                }\n                if (\"yes\" ) {\n                    columnOptions.tooltip['enabledOnSeries'] = [0,1,2];\n                }\n                if (\"\") {\n                    columnOptions['annotations'] = {\n                        yaxis: [\n                            {\n                                y: 0,\n                                strokeDashArray: parseInt(\"0\"),\n                                borderColor: '#000000'\n                            }\n                        ]\n                    };\n                }\n\n                if(\"\"){\n                    let style ={\n                        color:'#FFFFFF',\n                        fontSize: '16px',\n                        fontFamily: 'Poppins',\n                        fontWeight: '',\n                    }\n                    let title = '';\n                    let xaxisYoffset ='bottom' === 'top' ? -95 : 0;\n                    if(typeof axisTitle !== \"undefined\"){\n                        axisTitle(columnOptions, 'xaxis' ,title, style ,xaxisYoffset);\n                    }\n                }\n\n                if(\"\"){\n                    let style ={\n                        color:'',\n                        colors:'#FFFFFF',\n                        fontSize: '16px',\n                        fontFamily: 'Poppins',\n                        fontWeight: '',\n                    }\n                    let title = '';\n                    if(typeof axisTitle !== \"undefined\"){\n                        axisTitle(columnOptions, 'yaxis' ,title, style );\n                    }\n                }\n\n                if(''){\n                    columnOptions.xaxis.tickAmount = parseInt(\"6\") || 6;\n                    columnOptions.xaxis.min = parseFloat('0') || 0;\n                    columnOptions.xaxis.max = parseFloat('0') || 200;\n                }\n\n                if(''){\n                    columnOptions.yaxis.tickAmount = parseInt(\"6\") || 6;\n                    columnOptions.yaxis.min = parseFloat('0') || 0;\n                    columnOptions.yaxis.max = parseFloat('0') || 200;\n                }\n\n                if(\"\"){\n                    let style = {\n                        color:'',\n                        colors:'#FFFFFF',\n                        fontSize: '16px',\n                        fontFamily: 'Poppins',\n                        fontWeight: '',\n                    }\n                    columnOptions['yaxis'] = [columnOptions.yaxis]\n                    let columnYaxisTemp ={\n                        opposite: '1',\n                        labels: {\n                            show: '',\n                            formatter: function (val) {\n                                if(\"\" ){\n                                    val = graphinNumberWithCommas(val,',')\n                                }\n                                return ''  + val + ''\n                            },\n                            style\n                        },\n                        tickAmount: parseInt(''),\n                        title: {\n                            text: '',\n                            style\n                        }\n                    }\n\n                    if(''){\n                        columnYaxisTemp.tickAmount = parseInt('') || 6;\n                        columnYaxisTemp.min = parseFloat('0') || 0;\n                        columnYaxisTemp.max = parseFloat('0') || 200;\n                    }\n\n                    columnOptions.yaxis.push(columnYaxisTemp)\n                }\n\n                if (typeof initNowGraphina !== \"undefined\") {\n                    initNowGraphina(\n                        myElement,\n                        {\n                            ele: document.querySelector(\".column-chart-70505897\"),\n                            options: columnOptions,\n                            series: [{name: '', data: []}],\n                            animation: true,\n                            setting_date:{\"iq_column_interval_data_refresh\":null,\"iq_column_can_chart_reload_ajax\":null}                        },\n                        '70505897'\n                    );\n                }\n                if (window.ajaxIntervalGraphina_70505897 !== undefined) {\n                    clearInterval(window.ajaxIntervalGraphina_70505897)\n                }\n            <\/script>\n            \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div data-marvy_enable_birds_animation=\"false\" data-marvy_enable_cells_animation=\"false\" data-marvy_enable_dots_animation=\"false\" data-marvy_enable_fog_animation=\"false\" data-marvy_enable_globe_animation=\"false\" data-marvy_enable_halo_animation=\"false\" data-marvy_enable_net_animation=\"false\" data-marvy_enable_trunk_animation=\"false\" data-marvy_enable_fluid_animation=\"false\" data-marvy_enable_digitalStream_animation=\"false\" data-marvy_enable_floating_heart_animation=\"false\" data-marvy_enable_particles_wave_animation=\"false\" data-marvy_enable_dna_animation=\"false\" data-marvy_enable_beyblade_animation=\"false\" data-marvy_enable_drop_animation=\"false\" data-marvy_enable_fancy_rotate=\"false\" data-marvy_enable_flying_object=\"false\" data-marvy_enable_ripples_animation=\"false\" data-marvy_enable_waves_animation=\"false\" data-marvy_enable_rings_animation=\"false\" data-marvy_enable_topology_animation=\"false\" data-marvy_enable_gradient_animation=\"false\" data-marvy_enable_snow_animation=\"false\" data-marvy_enable_firework_animation=\"false\" data-marvy_enable_cloud_animation=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-3d2eeb4e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3d2eeb4e\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-c1ef905 layouts-column-align-inherit layouts-section-position-none\" data-id=\"c1ef905\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"hf-elementor-layout elementor-element elementor-element-4e0d6143 elementor-invisible elementor-widget elementor-widget-pie_chart\" data-id=\"4e0d6143\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"pie_chart.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t    <div class=\"chart-card\">\n        <div class=\"\">\n                            <h4 class=\"heading graphina-chart-heading\" style=\"text-align:left;color:#FFFFFF;\">\n                    Visit by Channel                <\/h4>\n                    <\/div>\n                            <div class=\"\">\n                                    <div class=\"chart-texture pie-chart-4e0d6143\" style=\"min-height:365px;\"\n                         id='pie_chart4e0d6143'><\/div>\n                                <\/div>\n                    <div style=\"height:365px;                display: flex;justify-content: center;align-items: center;\"\n             class=\"d-none area-texture pie-chart-4e0d6143-loader\" >\n                        <p class=\"graphina-filter-notext d-none\" style=\"text-align: center;\">\n                No Data Found            <\/p>\n        <\/div>\n    <\/div>\n                <script>\n\n                var myElement = document.querySelector(\".pie-chart-4e0d6143\");\n\n                if (typeof isInit === 'undefined') {\n                    var isInit = {};\n                }\n                isInit['4e0d6143'] = false;\n\n                var pieOptions = {\n                    series: [156,132,81,60],\n                    chart: {\n                        background: '',\n                        height: parseInt('365'),\n                        type: 'pie',\n                        fontFamily: 'Poppins',\n                        locales: [JSON.parse('{\"name\":\"en\",\"options\":{\"toolbar\":{\"download\":\"Download SVG\",\"selection\":\"Selection\",\"selectionZoom\":\"Selection Zoom\",\"zoomIn\":\"Zoom In\",\"zoomOut\":\"Zoom Out\",\"pan\":\"Panning\",\"reset\":\"Reset Zoom\",\"menu\":\"Menu\",\"exportToSVG\":\"Download SVG\",\"exportToPNG\":\"Download PNG\",\"exportToCSV\":\"Download CSV\"}}}')],\n                        defaultLocale: \"en\",\n                        toolbar: {\n                            offsetX: parseInt('0') || 0,\n                            offsetY: parseInt('0')|| 0,\n                            show: '',\n                            export: {\n                                csv: {\n                                    filename: \"4e0d6143\"\n                                },\n                                svg: {\n                                    filename: \"4e0d6143\"\n                                },\n                                png: {\n                                    filename: \"4e0d6143\"\n                                }\n                            }\n                        },\n                        animations: {\n                            enabled: '1',\n                            speed: '800',\n                            delay: '150',\n                            dynamicAnimation: {\n                                enabled: true\n                            }\n                        },\n                    },\n                    plotOptions: {\n                        pie: {\n                            donut: {\n                                labels: {\n                                    show: '',\n                                    value: {\n                                        fontFamily: 'Poppins',\n                                        fontWeight: '',\n                                        color: '#FFFFFF',\n                                        fontSize: '16px',\n                                    },\n                                    total: {\n                                        show: '',\n                                        showAlways:'',\n                                        label: 'Total',\n                                        fontFamily: 'Poppins',\n                                        fontWeight: '',\n                                        color: '#FFFFFF',\n                                        formatter: function (w) {\n                                            let totals = w.globals.seriesTotals.reduce((a, b) => {\n                                                return  a + b;\n                                            }, 0)\n                                            let prefix = ''\n                                            let postfix = ''\n                                            let valueInStringShow =  'no'\n                                            let valueInString =  '0'\n                                            if(''){\n                                                totals= graphinNumberWithCommas(totals,',')\n                                            }else if(valueInStringShow == 'yes'){\n                                                totals = graphinaAbbrNum(totals , valueInString);\n                                            }\n                                            return prefix + totals + postfix\n                                        }\n                                    }\n                                }\n                            }\n                        }\n                    },\n                    labels: 'Social_,_Referral_,_Organic_,_Feed'.split('_,_'),\n                    noData: {\n                        text: 'No Data Available',\n                        align: 'center',\n                        verticalAlign: 'middle',\n                        style: {\n                            fontSize: '16px',\n                            fontFamily: 'Poppins',\n                            color: '#FFFFFF'\n                        }\n                    },\n                    dataLabels: {\n                        enabled: '1',\n                        style: {\n                            fontSize: '16px',\n                            fontFamily: 'Poppins',\n                            fontWeight: '',\n                            colors: ['#FFFFFF'],\n                        },\n                        background:{\n                            enabled: false\n                        },\n                        dropShadow: {\n                            enabled: false,\n                        }\n                    },\n                    colors: '#4781ED_,_#4FDEE2_,_#4781ED_,_#4FDEE2'.split('_,_'),\n                    fill: {\n                        type: 'classic',\n                        opacity: 1,\n                        colors: '#4781ED_,_#4FDEE2_,_#4781ED_,_#4FDEE2'.split('_,_'),\n                        gradient: {\n                            gradientToColors: '#4781ED_,_#4FDEE2_,_#4781ED_,_#4FDEE2'.split('_,_'),\n                            inverseColors: '',\n                            opacityFrom: parseFloat(''),\n                            opacityTo: parseFloat('')\n                        },\n                        pattern: {\n                            style: 'verticalLines_,_verticalLines_,_verticalLines_,_verticalLines'.split('_,_'),\n                            width: 6,\n                            height: 6,\n                            strokeWidth: 2\n                        }\n                    },\n                    legend: {\n                        showForSingleSeries:true,\n                        show: '1',\n                        position: 'bottom',\n                        horizontalAlign: 'center',\n                        fontSize: '16px',\n                        fontFamily: 'Poppins',\n                        fontWeight: '',\n                        labels: {\n                            colors: '#FFFFFF'\n                        },\n                        formatter: function(seriesName, opts) {\n                            if(''){\n                                let prefix = ''\n                                let postfix = ''\n                                let divEl= document.createElement(\"div\");\n                                divEl.classList.add(\"legend-info\");\n                                divEl.append(document.createElement(\"span\").innerText=seriesName,\":\",document.createElement(\"strong\").innerText=prefix+opts.w.globals.series[opts.seriesIndex]+postfix)\n                                return divEl.outerHTML;\n                            }\n                            return seriesName\n                        }\n                    },\n                    tooltip: {\n                        enabled: '1',\n                        theme: 'light',\n                        style: {\n                            fontSize: '16px',\n                            fontFamily: 'Poppins'\n                        },\n                        y: {\n                            formatter: function(val,w) {\n                                let valueInStringShow =  'no'\n                                let valueInString =  '0'\n                                let prefix = ''\n                                let postfix = ''\n                                if(''){\n                                    val= graphinNumberWithCommas(val,',')\n                                }else{\n                                    val = valueInStringShow == 'no' ? val : graphinaAbbrNum(val , valueInString);\n                                }\n                                if(\"\"){\n                                    let totals = w.globals.seriesTotals.reduce((a, b) => {\n                                        return  a + b;\n                                    }, 0)\n                                    if(postfix.trim() === ''){\n                                        postfix = '%';\n                                    }\n                                    return prefix + val+\" (\" + parseFloat(val\/totals * 100).toFixed('0') +postfix+\")\"\n                                }\n\n                                return prefix + val + postfix\n                            }\n                        }\n                    },\n                    stroke: {\n                        show: '',\n                        width: parseInt('0')\n                    },\n                    responsive: [{\n                        breakpoint: 1024,\n                        options: {\n                            chart: {\n                                height: parseInt('365')\n                            }\n                        }\n                    },\n                        {\n                            breakpoint: 674,\n                            options: {\n                                chart: {\n                                    height: parseInt('365')\n                                }\n                            }\n                        }\n                    ]\n                };\n\n\n                if(\"\"){\n                    let valueInStringShow =  'no'\n                    let valueInStringValue =  '0'\n                    let showlabel = 'no'\n                    let showValue = 'no'\n                    let prefix = ''\n                    let postfix = ''\n                    let numberformat = 'no'\n                    if(typeof chartDatalabelsFormat !== \"undefined\"){\n                        chartDatalabelsFormat(pieOptions, showlabel, showValue, numberformat, prefix, postfix ,valueInStringShow, valueInStringValue,'','0');\n                    }\n                }\n                if (typeof initNowGraphina !== \"undefined\") {\n                    initNowGraphina(\n                        myElement,\n                        {\n                            ele: document.querySelector(\".pie-chart-4e0d6143\"),\n                            options: pieOptions,\n                            series: [{name: '', data: []}],\n                            animation: true,\n                            setting_date:{\"iq_pie_interval_data_refresh\":null,\"iq_pie_can_chart_reload_ajax\":null}                        },\n                        '4e0d6143'\n                    );\n                }\n                if (window.ajaxIntervalGraphina_4e0d6143 !== undefined) {\n                    clearInterval(window.ajaxIntervalGraphina_4e0d6143)\n                }\n            <\/script>\n            \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-27b96828 layouts-column-align-inherit layouts-section-position-none\" data-id=\"27b96828\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"hf-elementor-layout elementor-element elementor-element-15808656 elementor-invisible elementor-widget elementor-widget-line_chart\" data-id=\"15808656\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"line_chart.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t    <div class=\"chart-card\">\n        <div class=\"\">\n                            <h4 class=\"heading graphina-chart-heading\" style=\"text-align:left;color:#FFFFFF;\">\n                    Total Revenue                <\/h4>\n                            <p class=\"sub-heading graphina-chart-sub-heading\" style=\"text-align:left;color:#313E5B;\">\n                                    <\/p>\n                    <\/div>\n                            <div class=\"\">\n                                    <div class=\"chart-texture line-chart-15808656\" style=\"min-height:317px;\"\n                         id='line_chart15808656'><\/div>\n                                <\/div>\n                    <div style=\"height:317px;                display: flex;justify-content: center;align-items: center;\"\n             class=\"d-none area-texture line-chart-15808656-loader\" >\n                        <p class=\"graphina-filter-notext d-none\" style=\"text-align: center;\">\n                No Data Found            <\/p>\n        <\/div>\n    <\/div>\n                <script>\n                var myElement = document.querySelector(\".line-chart-15808656\");\n\n                if (typeof isInit === 'undefined') {\n                    var isInit = {};\n                }\n                isInit['15808656'] = false;\n                var lineOptions = {\n                    series: [{\"name\":\"Element 1\",\"data\":[-106,139,35,-110,166,-198]}],\n                    chart: {\n                        background: '',\n                        height: parseInt('317'),\n                        type: 'line',\n                        fontFamily: 'Poppins',\n                        locales: [JSON.parse('{\"name\":\"en\",\"options\":{\"toolbar\":{\"download\":\"Download SVG\",\"selection\":\"Selection\",\"selectionZoom\":\"Selection Zoom\",\"zoomIn\":\"Zoom In\",\"zoomOut\":\"Zoom Out\",\"pan\":\"Panning\",\"reset\":\"Reset Zoom\",\"menu\":\"Menu\",\"exportToSVG\":\"Download SVG\",\"exportToPNG\":\"Download PNG\",\"exportToCSV\":\"Download CSV\"}}}')],\n                        defaultLocale: \"en\",\n                        stacked:'',\n                        animations: {\n                            enabled: '1',\n                            speed: '800',\n                            delay: '150',\n                            dynamicAnimation: {\n                                enabled: true\n                            }\n                        },\n                        toolbar: {\n                            offsetX: parseInt('0') || 0,\n                            offsetY: parseInt('0')|| 0,\n                            show: '',\n                            export: {\n                                csv: {\n                                    filename: \"15808656\"\n                                },\n                                svg: {\n                                    filename: \"15808656\"\n                                },\n                                png: {\n                                    filename: \"15808656\"\n                                }\n                            }\n                        },\n                        dropShadow: {\n                            enabled: '',\n                            enabledOnSeries: [0],\n                            top: parseInt(''),\n                            left: parseInt(''),\n                            blur: parseInt(''),\n                            color: '',\n                            opacity: parseFloat('')\n                        }\n                    },\n                    noData: {\n                        text: 'No Data Available',\n                        align: 'center',\n                        verticalAlign: 'middle',\n                        style: {\n                            fontSize: '16px',\n                            fontFamily: 'Poppins',\n                            color: '#FFFFFF'\n                        }\n                    },\n                    dataLabels: {\n                        enabled: '',\n                        style: {\n                            fontSize: '16px',\n                            fontFamily: 'Poppins',\n                            fontWeight: '',\n                            colors: ['']\n                        },\n                        background: {\n                            enabled: '',\n                            borderRadius:parseInt('0'),\n                            foreColor: [''],\n                            borderWidth: parseInt(''),\n                            borderColor: ''\n                        },\n                        formatter: function (val, opts) {\n                            if(typeof val !== \"number\"   ){\n                                return ;\n                            }\n                            console.log(typeof val );\n                            if(\"\" ){\n                                val = graphinNumberWithCommas(val,',')\n                            }\n                            else if(\"\"\n                            &&  typeof graphinaAbbrNum  !== \"undefined\"){      \n                                val = graphinaAbbrNum(val ,  parseInt(\"\") || 0 );\n                            }\n                            return '' + val + '';\n                        },\n                         offsetY: parseInt('0'),\n                         offsetX: parseInt('0'),\n                    },\n                    stroke: {\n                        curve: 'stepline',\n                        width: '5'.split('_,_'),\n                        dashArray: '0'.split('_,_')\n                    },\n                    grid: {\n                        borderColor: '#90A4AE',\n                        yaxis: {\n                            lines: {\n                                show: '1'\n                            }\n                        }\n                    },\n                    xaxis: {\n                        categories: \"Jan_,_Feb_,_Mar_,_Apr_,_May_,_Jun\".split('_,_'),\n                        position: 'bottom',\n                        tickAmount: parseInt(\"6\"),\n                        tickPlacement: \"on\",\n                        labels: {\n                            show: '1',\n                            rotateAlways: '',\n                            rotate: parseInt('') || 0,\n                            offsetX: parseInt('0') || 0,\n                            offsetY: parseInt('0') || 0,\n                            hideOverlappingLabels: true,\n                            trim: true,\n                            style: {\n                                colors: '#FFFFFF',\n                                fontSize: '16px',\n                                fontFamily: 'Poppins',\n                                fontWeight: ''\n                            },\n                            formatter: function (val) {\n                                if(''){\n                                    val = '' + val + '';\n                                }\n                                if(val){\n                                    val = val.split(',')\n                                }\n                                return val\n                            }\n                        },\n                        tooltip: {\n                            enabled: \"\"\n                        },\n                        crosshairs: {\n                            show: \"\"\n                        }\n                    },\n                    yaxis: {\n                        opposite: '',\n                        tickAmount: parseInt(\"6\"),\n                        decimalsInFloat: parseInt(\"2\"),\n                        labels: {\n                            show: '1',\n                            rotate: parseInt('0') || 0,\n                            offsetX: parseInt('0') || 0,\n                            offsetY: parseInt('0') || 0,\n                            trim: true,\n                            style: {\n                                colors: '#FFFFFF',\n                                fontSize: '16px',\n                                fontFamily: 'Poppins',\n                                fontWeight: ''\n                            }\n                        },\n                        tooltip: {\n                            enabled: \"\"\n                        },\n                        crosshairs: {\n                            show: \"\"\n                        }\n                    },\n                    colors: '#3499FF'.split('_,_'),\n                    fill: {\n                        type: 'classic',\n                        opacity: 1,\n                        colors: '#3499FF'.split('_,_'),\n                        gradient: {\n                            gradientToColors: '#3499FF'.split('_,_'),\n                            type: '',\n                            inverseColors: '',\n                            opacityFrom: parseFloat(''),\n                            opacityTo: parseFloat('')\n                        }\n                    },\n                    legend: {\n                        showForSingleSeries:true,\n                        show: 'yes' === 'yes',\n                        position: 'bottom',\n                        horizontalAlign: 'center',\n                        fontSize: '16px',\n                        fontFamily: 'Poppins',\n                        fontWeight: '',\n                        labels: {\n                            colors: '#FFFFFF'\n                        },\n                        tooltipHoverFormatter: function(seriesName, opts) {\n                            if(''){\n                                let divEl= document.createElement(\"div\");\n                                divEl.classList.add(\"legend-info\");\n                                divEl.append(document.createElement(\"span\").innerText=seriesName,\":\",document.createElement(\"strong\").innerText=opts.w.globals.series[opts.seriesIndex])\n                                return divEl.outerHTML;\n                                \/\/ return `<div class=\"legend-info\"><span>${seriesName}<\/span>:<strong>${opts.w.globals.series[opts.seriesIndex][opts.dataPointIndex]}<\/strong><\/div>`\n                            }\n                            return seriesName\n                        }\n                    },\n                    tooltip: {\n                        enabled: '1',\n                        shared: 'yes' === \"yes\",\n                        intersect: !('yes' === \"yes\"),\n                        theme: 'light',\n                        style: {\n                            fontSize: '16px',\n                            fontFamily: 'Poppins'\n                        }\n                    },\n                    responsive: [{\n                        breakpoint: 1024,\n                        options: {\n                            chart: {\n                                height: parseInt('317')\n                            }\n                        }\n                    },\n                        {\n                            breakpoint: 674,\n                            options: {\n                                chart: {\n                                    height: parseInt('317')\n                                }\n                            }\n                        }\n                    ]\n                };\n\n                \n                if (\"\" ) {\n                    lineOptions.yaxis.labels.formatter = function (val) {\n                        let decimal = parseInt('0') || 0;\n                        if(\"\" ){\n                            val = graphinNumberWithCommas(val,',',decimal)\n                        }\n                        else if(\"\"\n                        &&  typeof graphinaAbbrNum  !== \"undefined\"){      \n                            val = graphinaAbbrNum(val ,  parseInt(\"\") || 0 );\n                        }else{\n                            val = parseFloat(val).toFixed(decimal)\n                        }\n                        return '' +  val  + '';\n                    }\n                }\n                if (\"yes\" ) {\n                    lineOptions.tooltip['enabledOnSeries'] = [0];\n                }\n                if (\"\" ) {\n                    lineOptions['annotations'] = {\n                        yaxis: [\n                            {\n                                y: 0,\n                                strokeDashArray: parseInt(\"0\"),\n                                borderColor: '#000000'\n                            }\n                        ]\n                    };\n                }\n                    lineOptions['markers'] ={\n                        size: '0'.split('_,_'),\n                        strokeColors: '#fff'.split('_,_'),\n                        strokeWidth: '0'.split('_,_'),\n                        shape: 'circle'.split('_,_'),\n                        showNullDataPoints: true,\n                        hover: {\n                            size: 3,\n                            sizeOffset: 1\n                        }\n                    };\n\n                if(\"\"){\n                    let style ={\n                        color:'#FFFFFF',\n                        fontSize: '16px',\n                        fontFamily: 'Poppins',\n                        fontWeight: '',\n                    }\n                    let title = '';\n                    let xaxisYoffset =''  ? -95 : 0;\n                    if(typeof axisTitle !== \"undefined\"){\n                        axisTitle(lineOptions, 'xaxis' ,title, style,xaxisYoffset );\n                    }\n                }\n\n                if(\"\"){\n                    let style ={\n                        color:'',\n                        colors:'#FFFFFF',\n                        fontSize: '16px',\n                        fontFamily: 'Poppins',\n                        fontWeight: '',\n                    }\n                    let title = '';\n                    if(typeof axisTitle !== \"undefined\"){\n                        axisTitle(lineOptions, 'yaxis' ,title, style );\n                    }\n                }\n\n                if(''){\n                    lineOptions.yaxis.tickAmount = parseInt(\"6\") || 6;\n                    lineOptions.yaxis.min = parseFloat('0') || 0;\n                    lineOptions.yaxis.max = parseFloat('0') || 200;\n                }\n\n                if(\"\"){\n                    let style = {\n                        color:'',\n                        colors:'#FFFFFF',\n                        fontSize: '16px',\n                        fontFamily: 'Poppins',\n                        fontWeight: '',\n                    }\n                    lineOptions['yaxis'] = [lineOptions.yaxis]\n                    let lineYaxisTemp = {\n                        opposite: '1',\n                        labels: {\n                            show: '',\n                            formatter: function (val) {\n                                if(\"\" ){\n                                    val = graphinNumberWithCommas(val,',')\n                                }\n                                return ''  + val + ''\n                            },\n                            style\n                        },\n                        tickAmount: parseInt(''),\n                        title: {\n                            text: '',\n                            style\n                        }\n                    }\n                    if(''){\n                        lineYaxisTemp.tickAmount = parseInt('') || 6;\n                        lineYaxisTemp.min = parseFloat('0') || 0;\n                        lineYaxisTemp.max = parseFloat('0') || 200;\n                    }\n\n                    lineOptions.yaxis.push(lineYaxisTemp)\n                    \/\/ console.log(lineYaxisTemp)\n                }\n\n                if (typeof initNowGraphina !== \"undefined\") {\n                   \n                    initNowGraphina(\n                        myElement,\n                        {\n                            ele: document.querySelector(\".line-chart-15808656\"),\n                            options: lineOptions,\n                            series: [{name: '', data: []}],\n                            animation: true,\n                            setting_date:{\"iq_line_interval_data_refresh\":null,\"iq_line_can_chart_reload_ajax\":null}                        },\n                        '15808656'\n                    );\n                }\n                if (window.ajaxIntervalGraphina_15808656 !== undefined) {\n                    clearInterval(window.ajaxIntervalGraphina_15808656)\n                }\n\n            <\/script>\n            \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div data-marvy_enable_birds_animation=\"false\" data-marvy_enable_cells_animation=\"false\" data-marvy_enable_dots_animation=\"false\" data-marvy_enable_fog_animation=\"false\" data-marvy_enable_globe_animation=\"false\" data-marvy_enable_halo_animation=\"false\" data-marvy_enable_net_animation=\"false\" data-marvy_enable_trunk_animation=\"false\" data-marvy_enable_fluid_animation=\"false\" data-marvy_enable_digitalStream_animation=\"false\" data-marvy_enable_floating_heart_animation=\"false\" data-marvy_enable_particles_wave_animation=\"false\" data-marvy_enable_dna_animation=\"false\" data-marvy_enable_beyblade_animation=\"false\" data-marvy_enable_drop_animation=\"false\" data-marvy_enable_fancy_rotate=\"false\" data-marvy_enable_flying_object=\"false\" data-marvy_enable_ripples_animation=\"false\" data-marvy_enable_waves_animation=\"false\" data-marvy_enable_rings_animation=\"false\" data-marvy_enable_topology_animation=\"false\" data-marvy_enable_gradient_animation=\"false\" data-marvy_enable_snow_animation=\"false\" data-marvy_enable_firework_animation=\"false\" data-marvy_enable_cloud_animation=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-897f677 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"897f677\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-7d20678a layouts-column-align-inherit layouts-section-position-none\" data-id=\"7d20678a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"hf-elementor-layout elementor-element elementor-element-6673ac6c elementor-invisible elementor-widget elementor-widget-column_chart\" data-id=\"6673ac6c\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"column_chart.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t    <div class=\"chart-card\">\n        <div class=\"\">\n                            <h4 class=\"heading graphina-chart-heading\" style=\"text-align:left;color:#FFFFFF;\">\n                    Yearly Sales Report                <\/h4>\n                    <\/div>\n                            <div class=\"\">\n                                    <div class=\"chart-texture column-chart-6673ac6c\" style=\"min-height:290px;\"\n                         id='column_chart6673ac6c'><\/div>\n                                <\/div>\n                    <div style=\"height:290px;                display: flex;justify-content: center;align-items: center;\"\n             class=\"d-none area-texture column-chart-6673ac6c-loader\" >\n                        <p class=\"graphina-filter-notext d-none\" style=\"text-align: center;\">\n                No Data Found            <\/p>\n        <\/div>\n    <\/div>\n                <script>\n                var myElement = document.querySelector(\".column-chart-6673ac6c\");\n\n                if (typeof isInit === 'undefined') {\n                    var isInit = {};\n                }\n                isInit['6673ac6c'] = false;\n\n                var columnOptions = {\n                    series: [{\"name\":\"Annual Sales\",\"data\":[149,132,136,121,199,144,113,152],\"color\":\"#4781ED\"},{\"name\":\"Annual Revenue\",\"data\":[128,191,163,155,115,165,181,195],\"color\":\"#4FDEE2\"}],\n                    chart: {\n                        background: '',\n                        height: parseInt('290'),\n                        type: 'bar',\n                        fontFamily: 'Poppins',\n                        locales: [JSON.parse('{\"name\":\"en\",\"options\":{\"toolbar\":{\"download\":\"Download SVG\",\"selection\":\"Selection\",\"selectionZoom\":\"Selection Zoom\",\"zoomIn\":\"Zoom In\",\"zoomOut\":\"Zoom Out\",\"pan\":\"Panning\",\"reset\":\"Reset Zoom\",\"menu\":\"Menu\",\"exportToSVG\":\"Download SVG\",\"exportToPNG\":\"Download PNG\",\"exportToCSV\":\"Download CSV\"}}}')],\n                        defaultLocale: \"en\",\n                        stacked: '',\n                        stackType: '',\n                        animations: {\n                            enabled: '1',\n                            speed: '800',\n                            \/\/delay: '\/\/'\n                        },\n                        toolbar: {\n                            offsetX: parseInt('0') || 0,\n                            offsetY: parseInt('0')|| 0,\n                            show: '',\n                            export: {\n                                csv: {\n                                    filename: \"6673ac6c\"\n                                },\n                                svg: {\n                                    filename: \"6673ac6c\"\n                                },\n                                png: {\n                                    filename: \"6673ac6c\"\n                                }\n                            }\n                        },\n                        dropShadow: {\n                            enabled: '',\n                            enabledOnSeries: [0,1],\n                            top: parseInt(''),\n                            left: parseInt(''),\n                            blur: parseInt(''),\n                            color: '',\n                            opacity: parseFloat('')\n                        }\n                    },\n                    plotOptions: {\n                        bar: {\n                            horizontal: '',\n                            columnWidth: '50% ',\n                            borderRadius: parseInt('0') || 0,\n                            dataLabels: {\n                                position: '',\n                                orientation: '',\n                            }\n                        },\n                    },\n                    noData: {\n                        text: 'No Data Available',\n                        align: 'center',\n                        verticalAlign: 'middle',\n                        style: {\n                            fontSize: '16px',\n                            fontFamily: 'Poppins',\n                            color: '#FFFFFF'\n                        }\n                    },\n                    dataLabels: {\n                        enabled: '',\n                        offsetY: parseFloat('0'),\n                        offsetX: parseFloat('0'),\n                        style: {\n                            fontSize: '16px',\n                            fontFamily: 'Poppins',\n                            fontWeight: '',\n                            colors: ['']\n                        },\n                        background: {\n                            enabled: '',\n                            borderRadius:parseInt('0'),\n                            foreColor: [''],\n                            borderWidth: parseInt('') || 0,\n                            borderColor: ''\n                        },\n                    },\n                    stroke: {\n                        show: true,\n                        width: 2,\n                        colors: ['transparent']\n                    },\n                    grid: {\n                        borderColor: '#90A4AE',\n                        yaxis: {\n                            lines: {\n                                show: 'yes'\n                            }\n                        }\n                    },\n                    xaxis: {\n                        categories: 'Jan_,_Feb_,_Mar_,_Apr_,_May_,_Jun_,_July_,_Aug'.split('_,_'),\n                        position: '',\n                        tickAmount: parseInt(\"\"),\n                        tickPlacement: \"\",\n                        labels: {\n                            show: '',\n                            rotateAlways: '',\n                            rotate: parseInt('') || 0,\n                            offsetX: parseInt('')|| 0,\n                            offsetY: parseInt('') || 0,\n                            trim: true,\n                            style: {\n                                colors: '#FFFFFF',\n                                fontSize: '16px',\n                                fontFamily: 'Poppins',\n                                fontWeight: ''\n                            },\n                            formatter: function (val) {\n                                if(''){\n                                    if(''){\n                                        let decimal = parseInt('0') || 0;\n                                        if(\"\"){\n                                            val = graphinNumberWithCommas(val,',',decimal)\n                                        }\n                                        else if(\"\"\n                                            &&  typeof graphinaAbbrNum  !== \"undefined\"){\n                                            val = graphinaAbbrNum(val ,  parseInt(\"\") || 0 );\n                                        }else{\n                                            val = parseFloat(val).toFixed(decimal)\n                                        }\n                                        return '' + val + '';\n                                    }else{\n                                        val = '' + val + '';\n                                        if(val){\n                                            val = val.split(',')\n                                        }\n                                        return val;\n                                    }\n\n                                }\n                                return val;\n                            }\n                        },\n                        tooltip: {\n                            enabled: \"\"\n                        },\n                        crosshairs: {\n                            show: \"\"\n                        }\n                    },\n                    yaxis: {\n                        opposite: '',\n                        decimalsInFloat: parseInt(\"2\"),\n                        labels: {\n                            show: 'yes',\n                            rotate: parseInt('0') || 0,\n                            offsetX: parseInt('0') || 0,\n                            offsetY: parseInt('0') || 0,\n                            maxWidth: parseInt('auto')|| \"auto\" ,\n                            style: {\n                                colors: '#FFFFFF',\n                                fontSize: '16px',\n                                fontFamily: 'Poppins',\n                                fontWeight: ''\n                            },\n                        },\n                        tooltip: {\n                            enabled: \"\"\n                        },\n                        crosshairs: {\n                            show: \"\"\n                        },\n                       \n                    },\n                    colors: '#4781ED_,_#4FDEE2'.split('_,_'),\n                    fill: {\n                        type: 'classic',\n                        opacity: parseFloat('1'),\n                        colors: '#4781ED_,_#4FDEE2'.split('_,_'),\n                        gradient: {\n                            gradientToColors: '#4781ED_,_#4FDEE2'.split('_,_'),\n                            type: '',\n                            inverseColors: '',\n                            opacityFrom: parseFloat(''),\n                            opacityTo: parseFloat('')\n                        },\n                        pattern: {\n                            style: '_,_'.split('_,_'),\n                            width: 6,\n                            height: 6,\n                            strokeWidth: 2\n                        }\n                    },\n                    legend: {\n                        showForSingleSeries:true,\n                        show: 'yes',\n                        position: 'bottom',\n                        horizontalAlign: 'center',\n                        fontSize: '16px',\n                        fontFamily: 'Poppins',\n                        fontWeight: '',\n                        labels: {\n                            colors: '#FFFFFF'\n                        },\n                        tooltipHoverFormatter: function(seriesName, opts) {\n                            if(''){\n\n                                let divEl= document.createElement(\"div\");\n                                divEl.classList.add(\"legend-info\");\n                                divEl.append(document.createElement(\"span\").innerText=seriesName,\":\",document.createElement(\"strong\").innerText=opts.w.globals.series[opts.seriesIndex])\n                                return divEl.outerHTML;\n                                \/\/ return `<div class=\"legend-info\"><span>${seriesName}<\/span>:<strong>${opts.w.globals.series[opts.seriesIndex][opts.dataPointIndex]}<\/strong><\/div>`\n                            }\n                            return seriesName\n                        }\n                    },\n                    tooltip: {\n                        enabled: 'yes',\n                        theme: 'light',\n                        shared: 'yes' === \"yes\",\n                        intersect:!('yes' === \"yes\"),\n                        style: {\n                            fontSize: '16px',\n                            fontFamily: 'Poppins'\n                        },\n                        y:{\n\n                        }\n                    },\n                    responsive: [{\n                        breakpoint: 1024,\n                        options: {\n                            chart: {\n                                height: parseInt('290')\n                            },\n                        }\n                    },\n                        {\n                            breakpoint: 674,\n                            options: {\n                                chart: {\n                                    height: parseInt('290')\n                                },\n                            }\n                        }\n                    ]\n                };\n\n                if(''){\n                    columnOptions.tooltip.y.formatter = function(val){\n                        if(''){\n                            let decimal = parseInt('0') || 0;\n                            if(\"\"){\n                                val = graphinNumberWithCommas(val,',',decimal)\n                            }\n                            else if(\"\"\n                                &&  typeof graphinaAbbrNum  !== \"undefined\"){\n                                val = graphinaAbbrNum(val ,  parseInt(\"\") || 0 );\n                            }else{\n                                val = parseFloat(val).toFixed(decimal)\n                            }\n                            return '' + val + '';\n                        }\n                        return val;\n                    }\n                }\n\n                if (\"\" === \"yes\") {\n                    columnOptions.yaxis.labels.formatter = function (val) {\n                        if(''){\n                            val = '' + val + '';\n                            if(val){\n                                val = val.split(',')\n                            }\n                            return val;\n                        }\n                        let stackCondition = !('') \n                        if(stackCondition ){\n                            let decimal = parseInt('0') || 0;\n                            if(\"\"){\n                                val = graphinNumberWithCommas(val,',',decimal)\n                            }\n                            else if(\"\"\n                                &&  typeof graphinaAbbrNum  !== \"undefined\"){\n                                val = graphinaAbbrNum(val ,  parseInt(\"\") || 0 );\n                            }else{\n                                val = parseFloat(val).toFixed(decimal)\n                            }\n                        }\n                        return '' + val + '';\n                    }\n                }\n                if(\"1\"){\n                    columnOptions.yaxis.tickAmount = parseInt(\"6\");\n                    columnOptions.dataLabels.formatter = function (val) {\n                        if(Number.isNaN(val)){\n                            return  '';\n                        }\n                        if(\"\"){\n                            val = graphinNumberWithCommas(val,',')\n                        }\n                        else if(\"\"\n                            &&  typeof graphinaAbbrNum  !== \"undefined\"){      \n                                val = graphinaAbbrNum(val ,  parseInt(\"\") || 0 );\n                            }\n                        return '' + val + '';\n                    };\n                }else{\n                    columnOptions.dataLabels.formatter = function (val) {\n                        if(Number.isNaN(val)){\n                            return val;\n                        }\n                        val =  parseFloat(val).toFixed(parseInt(\"0\") || 0 ) ;\n                        if(\"\"){\n                           val = graphinNumberWithCommas(val,',')\n                        }\n                        val = '' + val + '';\n                        return val;\n                    };\n                }\n                if (\"yes\" ) {\n                    columnOptions.tooltip['enabledOnSeries'] = [0,1];\n                }\n                if (\"\") {\n                    columnOptions['annotations'] = {\n                        yaxis: [\n                            {\n                                y: 0,\n                                strokeDashArray: parseInt(\"0\"),\n                                borderColor: '#000000'\n                            }\n                        ]\n                    };\n                }\n\n                if(\"\"){\n                    let style ={\n                        color:'#FFFFFF',\n                        fontSize: '16px',\n                        fontFamily: 'Poppins',\n                        fontWeight: '',\n                    }\n                    let title = '';\n                    let xaxisYoffset ='' === 'top' ? -95 : 0;\n                    if(typeof axisTitle !== \"undefined\"){\n                        axisTitle(columnOptions, 'xaxis' ,title, style ,xaxisYoffset);\n                    }\n                }\n\n                if(\"\"){\n                    let style ={\n                        color:'',\n                        colors:'#FFFFFF',\n                        fontSize: '16px',\n                        fontFamily: 'Poppins',\n                        fontWeight: '',\n                    }\n                    let title = '';\n                    if(typeof axisTitle !== \"undefined\"){\n                        axisTitle(columnOptions, 'yaxis' ,title, style );\n                    }\n                }\n\n                if(''){\n                    columnOptions.xaxis.tickAmount = parseInt(\"\") || 6;\n                    columnOptions.xaxis.min = parseFloat('0') || 0;\n                    columnOptions.xaxis.max = parseFloat('0') || 200;\n                }\n\n                if(''){\n                    columnOptions.yaxis.tickAmount = parseInt(\"6\") || 6;\n                    columnOptions.yaxis.min = parseFloat('0') || 0;\n                    columnOptions.yaxis.max = parseFloat('0') || 200;\n                }\n\n                if(\"\"){\n                    let style = {\n                        color:'',\n                        colors:'#FFFFFF',\n                        fontSize: '16px',\n                        fontFamily: 'Poppins',\n                        fontWeight: '',\n                    }\n                    columnOptions['yaxis'] = [columnOptions.yaxis]\n                    let columnYaxisTemp ={\n                        opposite: '1',\n                        labels: {\n                            show: '',\n                            formatter: function (val) {\n                                if(\"\" ){\n                                    val = graphinNumberWithCommas(val,',')\n                                }\n                                return ''  + val + ''\n                            },\n                            style\n                        },\n                        tickAmount: parseInt(''),\n                        title: {\n                            text: '',\n                            style\n                        }\n                    }\n\n                    if(''){\n                        columnYaxisTemp.tickAmount = parseInt('') || 6;\n                        columnYaxisTemp.min = parseFloat('0') || 0;\n                        columnYaxisTemp.max = parseFloat('0') || 200;\n                    }\n\n                    columnOptions.yaxis.push(columnYaxisTemp)\n                }\n\n                if (typeof initNowGraphina !== \"undefined\") {\n                    initNowGraphina(\n                        myElement,\n                        {\n                            ele: document.querySelector(\".column-chart-6673ac6c\"),\n                            options: columnOptions,\n                            series: [{name: '', data: []}],\n                            animation: true,\n                            setting_date:{\"iq_column_interval_data_refresh\":null,\"iq_column_can_chart_reload_ajax\":null}                        },\n                        '6673ac6c'\n                    );\n                }\n                if (window.ajaxIntervalGraphina_6673ac6c !== undefined) {\n                    clearInterval(window.ajaxIntervalGraphina_6673ac6c)\n                }\n            <\/script>\n            \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-3781204d layouts-column-align-inherit layouts-section-position-none\" data-id=\"3781204d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"hf-elementor-layout elementor-element elementor-element-7a9dbfe9 elementor-invisible elementor-widget elementor-widget-timeline_chart\" data-id=\"7a9dbfe9\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"timeline_chart.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t    <div class=\"chart-card\">\n        <div class=\"\">\n                            <h4 class=\"heading graphina-chart-heading\" style=\"text-align:left;color:#FFFFFF;\">\n                    Sales Overview                <\/h4>\n                    <\/div>\n                            <div class=\"\">\n                                    <div class=\"chart-texture timeline-chart-7a9dbfe9\" style=\"min-height:320px;\"\n                         id='timeline_chart7a9dbfe9'><\/div>\n                                <\/div>\n                    <div style=\"height:320px;                display: flex;justify-content: center;align-items: center;\"\n             class=\"d-none area-texture timeline-chart-7a9dbfe9-loader\" >\n                        <p class=\"graphina-filter-notext d-none\" style=\"text-align: center;\">\n                No Data Found            <\/p>\n        <\/div>\n    <\/div>\n    \n            <script>\n\n                var myElement = document.querySelector(\".timeline-chart-7a9dbfe9\");\n\n                if (typeof isInit === 'undefined') {\n                    var isInit = {};\n                }\n                isInit['7a9dbfe9'] = false;\n\n                var timelineOptions = {\n                    series: [{\"name\":\"Element 1\",\"data\":[{\"x\":\"Planning\",\"y\":[1603139520000,1604579100000]},{\"x\":\"Analysis\",\"y\":[1603346580000,1607619540000]},{\"x\":\"Testing\",\"y\":[1599630960000,1602222000000]},{\"x\":\"Release\",\"y\":[1601280960000,1601435820000]}]}],\n                    chart: {\n                        background: '',\n                        height: parseInt('320'),\n                        type: 'rangeBar',\n                        fontFamily: 'Poppins',\n                        locales: [JSON.parse('{\"name\":\"en\",\"options\":{\"toolbar\":{\"download\":\"Download SVG\",\"selection\":\"Selection\",\"selectionZoom\":\"Selection Zoom\",\"zoomIn\":\"Zoom In\",\"zoomOut\":\"Zoom Out\",\"pan\":\"Panning\",\"reset\":\"Reset Zoom\",\"menu\":\"Menu\",\"exportToSVG\":\"Download SVG\",\"exportToPNG\":\"Download PNG\",\"exportToCSV\":\"Download CSV\"}}}')],\n                        defaultLocale: \"en\",\n                        toolbar: {\n                            offsetX: parseInt('0') || 0,\n                            offsetY: parseInt('0')|| 0,\n                            show: '',\n                            export: {\n                                csv: {\n                                    filename: \"7a9dbfe9\"\n                                },\n                                svg: {\n                                    filename: \"7a9dbfe9\"\n                                },\n                                png: {\n                                    filename: \"7a9dbfe9\"\n                                }\n                            }\n                        },\n                        animations: {\n                            enabled: '',\n                            speed: '',\n                            delay: ''\n                        }\n                    },\n                    noData: {\n                        text: 'No Data Available',\n                        align: 'center',\n                        verticalAlign: 'middle',\n                        style: {\n                            fontSize: '16px',\n                            fontFamily: 'Poppins',\n                            color: '#FFFFFF'\n                        }\n                    },\n                    plotOptions: {\n                        bar: {\n                            horizontal: true\n                        }\n                    },\n                    colors: '#3499FF'.split('_,_'),\n                    fill: {\n                        type: 'classic',\n                        opacity: parseFloat('1'),\n                        colors: '#3499FF'.split('_,_'),\n                        gradient: {\n                            gradientToColors: '#3499FF'.split('_,_'),\n                            type: '',\n                            inverseColors: '',\n                            opacityFrom: parseFloat(''),\n                            opacityTo: parseFloat('')\n                        },\n                        pattern: {\n                            style: ''.split('_,_'),\n                            width: 6,\n                            height: 6,\n                            strokeWidth: 2\n                        }\n                    },\n                    legend: {\n                        showForSingleSeries:true,\n                        show: '',\n                        position: 'bottom',\n                        horizontalAlign: 'center',\n                        fontSize: '16px',\n                        fontFamily: 'Poppins',\n                        fontWeight: '',\n                        labels: {\n                            colors: '#FFFFFF'\n                        }\n                    },\n                    grid: {\n                        borderColor: '#90A4AE',\n                        yaxis: {\n                            lines: {\n                                show: '1'\n                            }\n                        }\n                    },\n                    xaxis: {\n                        type: 'datetime',\n                        position: 'bottom',\n                        labels: {\n                            show: 'yes',\n                            rotateAlways: '',\n                            rotate: parseInt('') || 0,\n                            offsetX: parseInt('0') || 0,\n                            offsetY: parseInt('0') || 0 ,\n                            trim: true,\n                            style: {\n                                colors: '#FFFFFF',\n                                fontSize: '16px',\n                                fontFamily: 'Poppins',\n                                fontWeight: ''\n                            },\n                            formatter: function (val) {\n                               return '' + dateFormat(val, '1','') + '';\n                            }\n                        }\n                    },\n                    yaxis: {\n                        opposite: '',\n                        tickAmount: parseInt(\"6\"),\n                        decimalsInFloat: parseInt(\"2\"),\n                        labels: {\n                            show: 'yes',\n                            rotate: parseInt('0') || 0,\n                            offsetX: parseInt('0') || 0,\n                            offsetY: parseInt('0') || 0,\n                            style: {\n                                colors: '#FFFFFF',\n                                fontSize: '16px',\n                                fontFamily: 'Poppins',\n                                fontWeight: ''\n                            }\n                        }\n                    },\n                    dataLabels: {\n                        enabled: '',\n                        style: {\n                            fontSize: '16px',\n                            fontFamily: 'Poppins',\n                            fontWeight: '',\n                            colors: ['']\n                        },\n                        background: {\n                            enabled: '',\n                            borderRadius:parseInt('0'),\n                            foreColor: [''],\n                            borderWidth: parseInt(''),\n                            borderColor: ''\n                        },\n                        formatter: function (value, {seriesIndex, dataPointIndex, w}) {\n                            let textLabel = '';\n                            if('1'){\n                                textLabel = w.config.series[seriesIndex].name + \": \";\n                            }\n                            return textLabel + timeDifference(value[0], value[1]);\n                        },\n                        offsetY: parseInt('0'),\n                        offsetX: parseInt('0'),\n                    },\n                    stroke: {\n                        show: '1',\n                        width: parseInt('2'),\n                        colors: ['#e9e9e9']\n                    },\n                    tooltip: {\n                        enabled: 'yes',\n                        theme: 'light',\n                        style: {\n                            fontSize: '16px',\n                            fontFamily: 'Poppins'\n                        },\n                        x: {\n                            format: \"d MMM H:mm\"\n                        }\n                    },\n                    responsive: [{\n                        breakpoint: 1024,\n                        options: {\n                            chart: {\n                                height: parseInt('320')\n                            }\n                        }\n                    },\n                        {\n                            breakpoint: 674,\n                            options: {\n                                chart: {\n                                    height: parseInt('320')\n                                }\n                            }\n                        }\n                    ]\n                };\n\n                if(\"\"){\n                    let style ={\n                        color:'#FFFFFF',\n                        fontSize: '16px',\n                        fontFamily: 'Poppins',\n                        fontWeight: '',\n                    }\n                    let title = '';\n                    let xaxisYoffset =''  ? -95 : 0;\n                    if(typeof axisTitle !== \"undefined\"){\n                        axisTitle(timelineOptions, 'xaxis' ,title, style ,xaxisYoffset);\n                    }\n                }\n\n                if(\"\"){\n                    let style ={\n                        color:'',\n                        fontSize: '16px',\n                        fontFamily: 'Poppins',\n                        fontWeight: '',\n                    }\n                    let title = '';\n                    if(typeof axisTitle !== \"undefined\"){\n                        axisTitle(timelineOptions, 'yaxis' ,title, style );\n                    }\n                }\n\n                if (typeof initNowGraphina !== \"undefined\") {\n                    initNowGraphina(\n                        myElement,\n                        {\n                            ele: document.querySelector(\".timeline-chart-7a9dbfe9\"),\n                            options: timelineOptions,\n                            series: [{name: '', data: []}],\n                            animation: true,\n                            setting_date:{\"iq_timeline_interval_data_refresh\":null,\"iq_timeline_can_chart_reload_ajax\":null}                        },\n                        '7a9dbfe9'\n                    );\n                }\n                if (window.ajaxIntervalGraphina_7a9dbfe9 !== undefined) {\n                    clearInterval(window.ajaxIntervalGraphina_7a9dbfe9)\n                }\n\n            <\/script>\n            \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-1fd94f10 layouts-column-align-inherit layouts-section-position-none\" data-id=\"1fd94f10\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"hf-elementor-layout elementor-element elementor-element-176121ea elementor-invisible elementor-widget elementor-widget-polar_chart\" data-id=\"176121ea\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"polar_chart.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t    <div class=\"chart-card\">\n        <div class=\"\">\n                            <h4 class=\"heading graphina-chart-heading\" style=\"text-align:left;color:#FFFFFF;\">\n                    Best Selling Product                <\/h4>\n                    <\/div>\n                            <div class=\"\">\n                                    <div class=\"chart-texture polar-chart-176121ea\" style=\"min-height:350px;\"\n                         id='polar_chart176121ea'><\/div>\n                                <\/div>\n                    <div style=\"height:350px;                display: flex;justify-content: center;align-items: center;\"\n             class=\"d-none area-texture polar-chart-176121ea-loader\" >\n                        <p class=\"graphina-filter-notext d-none\" style=\"text-align: center;\">\n                No Data Found            <\/p>\n        <\/div>\n    <\/div>\n                <script>\n                var myElement = document.querySelector(\".polar-chart-176121ea\");\n                if (typeof isInit === 'undefined') {\n                    var isInit = {};\n                }\n                isInit['176121ea'] = false;\n\n                var polarOptions = {\n                    series: [144,63,163,83,102],\n                    chart: {\n                        background: '',\n                        height: parseInt('350'),\n                        type: 'polarArea',\n                        fontFamily: 'Poppins',\n                        locales: [JSON.parse('{\"name\":\"en\",\"options\":{\"toolbar\":{\"download\":\"Download SVG\",\"selection\":\"Selection\",\"selectionZoom\":\"Selection Zoom\",\"zoomIn\":\"Zoom In\",\"zoomOut\":\"Zoom Out\",\"pan\":\"Panning\",\"reset\":\"Reset Zoom\",\"menu\":\"Menu\",\"exportToSVG\":\"Download SVG\",\"exportToPNG\":\"Download PNG\",\"exportToCSV\":\"Download CSV\"}}}')],\n                        defaultLocale: \"en\",\n                        toolbar: {\n                            offsetX: parseInt('0') || 0,\n                            offsetY: parseInt('0')|| 0,\n                            show: '',\n                            export: {\n                                csv: {\n                                    filename: \"176121ea\"\n                                },\n                                svg: {\n                                    filename: \"176121ea\"\n                                },\n                                png: {\n                                    filename: \"176121ea\"\n                                }\n                            }\n                        },\n                        animations: {\n                            enabled: '1',\n                            speed: '800',\n                            delay: '150',\n                            dynamicAnimation: {\n                                enabled: true\n                            }\n                        },\n                    },\n                    labels: 'Product 1_,_Product 2_,_Product 3_,_Product 4_,_Product 5'.split('_,_'),\n                    noData: {\n                        text: 'No Data Available',\n                        align: 'center',\n                        verticalAlign: 'middle',\n                        style: {\n                            fontSize: '16px',\n                            fontFamily: 'Poppins',\n                            color: '#FFFFFF'\n                        }\n                    },\n                    dataLabels: {\n                        enabled: '',\n                        style: {\n                            fontSize: '16px',\n                            fontFamily: 'Poppins',\n                            fontWeight: '',\n                            colors: ['#ffffff'],\n                        },\n                        background:{\n                            enabled: false\n                        },\n                        dropShadow: {\n                            enabled: false,\n                        }\n                    },\n                    yaxis: {\n                        show: '1',\n                        tickamount:parseInt(\"6\") || 6,\n                        labels: {\n                            style: {\n                                colors: '#FFFFFF',\n                                fontSize: '16px',\n                                fontFamily: 'Poppins',\n                                fontWeight: ''\n                            },\n                            formatter: function(val) {\n                                if(''){\n                                    let decimal = parseInt('0') || 0;\n                                    if(\"\" === \"yes\"){\n                                        val = graphinNumberWithCommas(val,',',decimal)\n                                    }\n                                    else if(\"\"\n                                        &&  typeof graphinaAbbrNum  !== \"undefined\"){\n                                        val = graphinaAbbrNum(val ,  parseInt(\"\") || 0 );\n                                    }else{\n                                        val = parseFloat(val).toFixed(decimal)\n                                    }\n                                    return ''\n                                        + val + '';\n                                }else{\n                                    return val;\n                                }\n                            }\n                        }\n                    },\n                    colors: '#4781ED_,_#313E5B_,_#4FDEE2_,_#46adfe_,_#162238'.split('_,_'),\n                    fill: {\n                        type: 'classic',\n                        opacity: parseFloat('0.4') || 0.4,\n                        colors: '#4781ED_,_#313E5B_,_#4FDEE2_,_#46adfe_,_#162238'.split('_,_'),\n                        gradient: {\n                            gradientToColors: '#4781ED_,_#313E5B_,_#4FDEE2_,_#46adfe_,_#162238'.split('_,_'),\n                            inverseColors: '',\n                            opacityFrom: parseFloat(''),\n                            opacityTo: parseFloat('')\n                        },\n                        pattern: {\n                            style: '_,__,__,__,_'.split('_,_'),\n                            width: 6,\n                            height: 6,\n                            strokeWidth: 2\n                        }\n                    },\n                    legend: {\n                        showForSingleSeries:true,\n                        show: '1',\n                        position: 'bottom',\n                        horizontalAlign: 'center',\n                        fontSize: '16px',\n                        fontFamily: 'Poppins',\n                        fontWeight: '',\n                        labels: {\n                            colors: '#FFFFFF'\n                        },\n                        formatter: function(seriesName, opts) {\n                            if(''){\n                                let divEl= document.createElement(\"div\");\n                                divEl.classList.add(\"legend-info\");\n                                divEl.append(document.createElement(\"span\").innerText=seriesName,\":\",document.createElement(\"strong\").innerText=opts.w.globals.series[opts.seriesIndex])\n                                return divEl.outerHTML;\n                                \/\/    return `<div class=\"legend-info\"><span>${seriesName}<\/span>:<strong>${opts.w.globals.series[opts.seriesIndex]}<\/strong><\/div>`;\n                            }\n                            return seriesName\n                        }\n                    },\n                    tooltip: {\n                        enabled: '',\n                        theme: '',\n                        style: {\n                            fontSize: '16px',\n                            fontFamily: 'Poppins'\n                        },\n                        y: {\n                            formatter: function(val) {\n                                let valueInStringShow =  'no'\n                                let valueInString =  '0'\n                                let prefix = ''\n                                let postfix = ''\n                                if(''){\n                                    val= graphinNumberWithCommas(val,',')\n                                }else{\n                                    val = valueInStringShow == 'no' ? val : graphinaAbbrNum(val , valueInString);\n                                }\n                                return prefix + val + postfix\n                            }\n                        }\n                    },\n                    responsive: [{\n                        breakpoint: 1024,\n                        options: {\n                            chart: {\n                                height: parseInt('350')\n                            }\n                        }\n                    },\n                        {\n                            breakpoint: 674,\n                            options: {\n                                chart: {\n                                    height: parseInt('350')\n                                }\n                            }\n                        }\n                    ]\n                };\n\n                if(\"\"){\n                    let valueInStringShow =  'no'\n                    let valueInStringValue =  '0'\n                    let showlabel = 'no'\n                    let showValue = 'no'\n                    let prefix = ''\n                    let postfix = ''\n                    let numberformat = 'no'\n                    if(typeof chartDatalabelsFormat !== \"undefined\"){\n                        chartDatalabelsFormat(polarOptions, showlabel, showValue, numberformat, prefix, postfix,valueInStringShow, valueInStringValue);\n                    }\n                }\n\n                if(''){\n                    polarOptions.yaxis.min = parseFloat('0') || 0;\n                    polarOptions.yaxis.max = parseFloat('0') || 200;\n                }\n\n                if (typeof initNowGraphina !== \"undefined\") {\n                    initNowGraphina(\n                        myElement,\n                        {\n                            ele: document.querySelector(\".polar-chart-176121ea\"),\n                            options: polarOptions,\n                            series: [{name: '', data: []}],\n                            animation: true,\n                            setting_date:{\"iq_polar_interval_data_refresh\":null,\"iq_polar_can_chart_reload_ajax\":null}                        },\n                        '176121ea'\n                    );\n                }\n                if (window.ajaxIntervalGraphina_176121ea !== undefined) {\n                    clearInterval(window.ajaxIntervalGraphina_176121ea)\n                }\n\n            <\/script>\n            \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<section data-marvy_enable_birds_animation=\"false\" data-marvy_enable_cells_animation=\"false\" data-marvy_enable_dots_animation=\"false\" data-marvy_enable_fog_animation=\"false\" data-marvy_enable_globe_animation=\"false\" data-marvy_enable_halo_animation=\"false\" data-marvy_enable_net_animation=\"false\" data-marvy_enable_trunk_animation=\"false\" data-marvy_enable_fluid_animation=\"false\" data-marvy_enable_digitalStream_animation=\"false\" data-marvy_enable_floating_heart_animation=\"false\" data-marvy_enable_particles_wave_animation=\"false\" data-marvy_enable_dna_animation=\"false\" data-marvy_enable_beyblade_animation=\"false\" data-marvy_enable_drop_animation=\"false\" data-marvy_enable_fancy_rotate=\"false\" data-marvy_enable_flying_object=\"false\" data-marvy_enable_ripples_animation=\"false\" data-marvy_enable_waves_animation=\"false\" data-marvy_enable_rings_animation=\"false\" data-marvy_enable_topology_animation=\"false\" data-marvy_enable_gradient_animation=\"false\" data-marvy_enable_snow_animation=\"false\" data-marvy_enable_firework_animation=\"false\" data-marvy_enable_cloud_animation=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-1d4ea329 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1d4ea329\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-615b9f65 layouts-column-align-inherit layouts-section-position-none elementor-invisible\" data-id=\"615b9f65\" data-element_type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"hf-elementor-layout elementor-element elementor-element-2e9e7f7 iq-box-shadow elementor-widget elementor-widget-area_chart\" data-id=\"2e9e7f7\" data-element_type=\"widget\" data-widget_type=\"area_chart.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t    <div class=\"chart-card\">\n        <div class=\"\">\n                            <h4 class=\"heading graphina-chart-heading\" style=\"text-align:left;color:#FFFFFF;\">\n                    User Behaviour Analysis                <\/h4>\n                    <\/div>\n                            <div class=\"\">\n                                    <div class=\"chart-texture area-chart-2e9e7f7\" style=\"min-height:355px;\"\n                         id='area_chart2e9e7f7'><\/div>\n                                <\/div>\n                    <div style=\"height:355px;                display: flex;justify-content: center;align-items: center;\"\n             class=\"d-none area-texture area-chart-2e9e7f7-loader\" >\n                        <p class=\"graphina-filter-notext d-none\" style=\"text-align: center;\">\n                No Data Found            <\/p>\n        <\/div>\n    <\/div>\n                <script>\n                var myElement = document.querySelector(\".area-chart-2e9e7f7\");\n\n                if (typeof isInit === 'undefined') {\n                    var isInit = {};\n                }\n                isInit['2e9e7f7'] = false;\n\n                var areaOptions = {\n                    series: [{\"name\":\"Element 1\",\"data\":[41,53,27,158,33,27]},{\"name\":\"Element 2\",\"data\":[184,137,144,38,60,189]}],\n                    chart: {\n                        background: '',\n                        height: parseInt('355'),\n                        type: 'area',\n                        fontFamily: 'Poppins',\n                        locales: [JSON.parse('{\"name\":\"en\",\"options\":{\"toolbar\":{\"download\":\"Download SVG\",\"selection\":\"Selection\",\"selectionZoom\":\"Selection Zoom\",\"zoomIn\":\"Zoom In\",\"zoomOut\":\"Zoom Out\",\"pan\":\"Panning\",\"reset\":\"Reset Zoom\",\"menu\":\"Menu\",\"exportToSVG\":\"Download SVG\",\"exportToPNG\":\"Download PNG\",\"exportToCSV\":\"Download CSV\"}}}')],\n                        defaultLocale: \"en\",\n                        stacked:'',\n                        toolbar: {\n                            offsetX: parseInt('0') || 0,\n                            offsetY: parseInt('0')|| 0,\n                            show: '',\n                            export: {\n                                csv: {\n                                    filename: \"2e9e7f7\"\n                                },\n                                svg: {\n                                    filename: \"2e9e7f7\"\n                                },\n                                png: {\n                                    filename: \"2e9e7f7\"\n                                }\n                            }\n                        },\n                        dropShadow: {\n                            enabled: '',\n                            enabledOnSeries: [0,1],\n                            top: parseInt(''),\n                            left: parseInt(''),\n                            blur: parseInt(''),\n                            color: '',\n                            opacity: parseFloat('')\n                        },\n                        animations: {\n                            enabled: '1',\n                            speed: parseInt('800'),\n                            delay: parseInt('150')\n                        }\n                    },\n                    noData: {\n                        text: 'No Data Available',\n                        align: 'center',\n                        verticalAlign: 'middle',\n                        style: {\n                            fontSize: '16px',\n                            fontFamily: 'Poppins',\n                            color: '#FFFFFF'\n                        }\n                    },\n                    dataLabels: {\n                        enabled: '',\n                        style: {\n                            fontSize: '16px',\n                            fontFamily: 'Poppins',\n                            fontWeight: '',\n                            colors: ['']\n                        },\n                        background: {\n                            enabled: '',\n                            borderRadius:parseInt('0'),\n                            foreColor: [''],\n                            borderWidth: parseInt(''),\n                            borderColor: ''\n                        },\n                        formatter: function (val, opts) {\n                            if(isNaN(val)){\n                                return '';\n                            }\n                            if(\"\" ){\n                                val = graphinNumberWithCommas(val,',')\n                            }\n                            else if(\"\"\n                            &&  typeof graphinaAbbrNum  !== \"undefined\"){      \n                                val = graphinaAbbrNum(val ,  parseInt(\"\") || 0 );\n                            }\n                            return '' + val + '';\n                        },\n                        offsetY: parseInt('0'),\n                        offsetX: parseInt('0'),\n                    },\n                    stroke: {\n                        curve: 'smooth',\n                    },\n                    grid: {\n                        borderColor: '#90A4AE',\n                        yaxis: {\n                            lines: {\n                                show: '1'\n                            }\n                        }\n                    },\n                    xaxis: {\n                        categories: 'Jan_,_Feb_,_Mar_,_Apr_,_May_,_Jun'.split('_,_'),\n                        position: 'bottom',\n                        tickAmount: parseInt(\"6\"),\n                        tickPlacement: \"on\",\n                        labels: {\n                            show: '1',\n                            rotateAlways: '',\n                            rotate: parseInt('') || 0,\n                            offsetX: parseInt('0') || 0,\n                            offsetY: parseInt('0') || 0,\n                            trim: true,\n                            style: {\n                                colors: '#FFFFFF',\n                                fontSize: '16px',\n                                fontFamily: 'Poppins',\n                                fontWeight: ''\n                            },\n                            formatter: function (val) {\n                                if(''){\n                                    val = '' + val + '';\n                                }\n                                if(val){\n                                    val = val.split(',')\n                                }\n                                return val\n                            }\n                        },\n                        tooltip: {\n                            enabled: \"\"\n                        },\n                        crosshairs: {\n                            show: \"\"\n                        }\n                    },\n                    yaxis: {\n                        opposite: '',\n                        tickAmount: parseInt(\"6\"),\n                        decimalsInFloat: parseInt(\"2\"),\n                        labels: {\n                            show: '1',\n                            rotate: parseInt('0') || 0,\n                            offsetX: parseInt('0') || 0,\n                            offsetY: parseInt('0') || 0,\n                            style: {\n                                colors: '#FFFFFF',\n                                fontSize: '16px',\n                                fontFamily: 'Poppins',\n                                fontWeight: ''\n                            }\n                        },\n                        tooltip: {\n                            enabled: \"\"\n                        },\n                        crosshairs: {\n                            show: \"\"\n                        }\n                    },\n                    colors: '#4781ED_,_#4FDEE2'.split('_,_'),\n                    fill: {\n                        type: 'classic',\n                        opacity: parseFloat('0.4'),\n                        colors: '#4781ED_,_#4FDEE2'.split('_,_'),\n                        gradient: {\n                            gradientToColors: '#4781ED_,_#4FDEE2'.split('_,_'),\n                            type: '',\n                            inverseColors: '',\n                            opacityFrom: parseFloat(''),\n                            opacityTo: parseFloat('')\n                        },\n                        pattern: {\n                            style: '_,_'.split('_,_'),\n                            width: 6,\n                            height: 6,\n                            strokeWidth: 2\n                        }\n                    },\n                    legend: {\n                        showForSingleSeries:true,\n                        show: '1',\n                        position: 'bottom',\n                        horizontalAlign: 'center',\n                        fontSize: '16px',\n                        fontFamily: 'Poppins',\n                        fontWeight: '',\n                        labels: {\n                            colors: '#FFFFFF'\n                        },\n                        tooltipHoverFormatter: function(seriesName, opts) {\n                            if(''){\n                                return `<div class=\"legend-info\"><span>${seriesName}<\/span>:<strong>${opts.w.globals.series[opts.seriesIndex][opts.dataPointIndex]}<\/strong><\/div>`\n                            }\n                            return seriesName\n                        }\n                    },\n                    tooltip: {\n                        enabled: '1',\n                        shared: 'yes' === \"yes\",\n                        intersect: !('yes' === \"yes\"),\n                        theme: 'light',\n                        style: {\n                            fontSize: '16px',\n                            fontFamily: 'Poppins'\n                        }\n                    },\n                    responsive: [\n                        {\n                            breakpoint: 1024,\n                            options: {\n                                chart: {\n                                    height: parseInt('355')\n                                }\n                            }\n                        },\n                        {\n                            breakpoint: 674,\n                            options: {\n                                chart: {\n                                    height: parseInt('355')\n                                }\n                            }\n                        }\n                    ]\n                };\n\n                if (\"\" ) {\n                    areaOptions.yaxis.labels.formatter = function (val) {\n                        let decimal = parseInt('0') || 0;\n                        if(\"\" ){\n                            val = graphinNumberWithCommas(val,',',decimal)\n                        }\n                        else if(\"\"\n                        &&  typeof graphinaAbbrNum  !== \"undefined\"){      \n                            val = graphinaAbbrNum(val ,  parseInt(\"\") || 0 );\n                        }else{\n                            val = parseFloat(val).toFixed(decimal)\n                        }\n                        return '' + val + '';\n                    }\n                }\n                if (\"yes\") {\n                    areaOptions.tooltip['enabledOnSeries'] = [0,1];\n                }\n                if (\"\" ) {\n                    areaOptions['annotations'] = {\n                        yaxis: [\n                            {\n                                y: 0,\n                                strokeDashArray: parseInt(\"0\"),\n                                borderColor: '#000000'\n                            }\n                        ]\n                    };\n                }\n\n                if(\"\"){\n                    let style ={\n                        color:'#FFFFFF',\n                        fontSize: '16px',\n                        fontFamily: 'Poppins',\n                        fontWeight: '',\n                    }\n\n                    let title = '';\n                    let xaxisYoffset ='' ? -95 : 0;\n                    if(typeof axisTitle !== \"undefined\"){\n                        axisTitle(areaOptions, 'xaxis' ,title, style ,xaxisYoffset);\n                    }\n                }\n\n                if(\"\"){\n                    let style ={\n                        color:'',\n                        fontSize: '16px',\n                        fontFamily: 'Poppins',\n                        fontWeight: '',\n                    }\n                    let title = '';\n                    if(typeof axisTitle !== \"undefined\"){\n                        axisTitle(areaOptions, 'yaxis' ,title, style );\n                    }\n                }\n                if(''){\n                    areaOptions.yaxis.tickAmount = parseInt(\"6\") || 6;\n                    areaOptions.yaxis.min = parseFloat('0') || 0;\n                    areaOptions.yaxis.max = parseFloat('0') || 200;\n                }\n\n                if(\"\"){\n                    let style = {\n                        color:'',\n                        fontSize: '16px',\n                        fontFamily: 'Poppins',\n                        fontWeight: '',\n                    }\n                    areaOptions['yaxis'] = [areaOptions.yaxis]\n                    let areaYaxisTemp = {\n                        opposite: '1',\n                        labels: {\n                            show: '',\n                            formatter: function (val) {\n                                if(\"\" ){\n                                    val = graphinNumberWithCommas(val,',')\n                                }\n                                return ''  + val + ''\n                            },\n                            style\n                        },\n                        tickAmount: parseInt(''),\n                        title: {\n                            text: '',\n                            style\n                        }\n                    }\n                    if(''){\n                        areaYaxisTemp.tickAmount = parseInt('') || 6;\n                        areaYaxisTemp.min = parseFloat('0') || 0;\n                        areaYaxisTemp.max = parseFloat('0') || 200;\n                    }\n                    areaOptions.yaxis.push(areaYaxisTemp)\n                }\n                    areaOptions['markers'] ={\n                        size: '0_,_0'.split('_,_'),\n                        strokeColors: '#fff_,_#fff'.split('_,_'),\n                        strokeWidth: '0_,_0'.split('_,_'),\n                        shape: 'circle_,_circle'.split('_,_'),\n                        showNullDataPoints: true,\n                        hover: {\n                            size: 3,\n                            sizeOffset: 1\n                        }\n                    };\n\n                if (typeof initNowGraphina !== \"undefined\") {\n                    initNowGraphina(\n                        myElement,\n                        {\n                            ele: myElement,\n                            options: areaOptions,\n                            series: [{name: '', data: []}],\n                            animation: true,\n                            setting_date:{\"iq_area_interval_data_refresh\":null,\"iq_area_can_chart_reload_ajax\":null}                        },\n                        '2e9e7f7'\n                    );\n                }\n                if (window.ajaxIntervalGraphina_2e9e7f7 !== undefined) {\n                    clearInterval(window.ajaxIntervalGraphina_2e9e7f7)\n                }\n            <\/script>\n            \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-8b62824 layouts-column-align-inherit layouts-section-position-none elementor-invisible\" data-id=\"8b62824\" data-element_type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"hf-elementor-layout elementor-element elementor-element-5a27bd1a iq-box-shadow elementor-widget elementor-widget-donut_chart\" data-id=\"5a27bd1a\" data-element_type=\"widget\" data-widget_type=\"donut_chart.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t    <div class=\"chart-card\">\n        <div class=\"\">\n                            <h4 class=\"heading graphina-chart-heading\" style=\"text-align:left;color:#FFFFFF;\">\n                    Like By Country                <\/h4>\n                    <\/div>\n                            <div class=\"\">\n                                    <div class=\"chart-texture donut-chart-5a27bd1a\" style=\"min-height:385px;\"\n                         id='donut_chart5a27bd1a'><\/div>\n                                <\/div>\n                    <div style=\"height:385px;                display: flex;justify-content: center;align-items: center;\"\n             class=\"d-none area-texture donut-chart-5a27bd1a-loader\" >\n                        <p class=\"graphina-filter-notext d-none\" style=\"text-align: center;\">\n                No Data Found            <\/p>\n        <\/div>\n    <\/div>\n                <script>\n                var myElement = document.querySelector(\".donut-chart-5a27bd1a\");\n\n                if (typeof isInit === 'undefined') {\n                    var isInit = {};\n                }\n                isInit['5a27bd1a'] = false;\n\n                var donutOptions = {\n                    series: [145,149,39,196,104],\n                    chart: {\n                        background: '',\n                        height: parseInt('385'),\n                        type: 'donut',\n                        fontFamily: 'Poppins',\n                        locales: [JSON.parse('{\"name\":\"en\",\"options\":{\"toolbar\":{\"download\":\"Download SVG\",\"selection\":\"Selection\",\"selectionZoom\":\"Selection Zoom\",\"zoomIn\":\"Zoom In\",\"zoomOut\":\"Zoom Out\",\"pan\":\"Panning\",\"reset\":\"Reset Zoom\",\"menu\":\"Menu\",\"exportToSVG\":\"Download SVG\",\"exportToPNG\":\"Download PNG\",\"exportToCSV\":\"Download CSV\"}}}')],\n                        defaultLocale: \"en\",\n                        toolbar: {\n                            offsetX: parseInt('0') || 0,\n                            offsetY: parseInt('0') || 0,\n                            show: '',\n                            export: {\n                                csv: {\n                                    filename: \"5a27bd1a\"\n                                },\n                                svg: {\n                                    filename: \"5a27bd1a\"\n                                },\n                                png: {\n                                    filename: \"5a27bd1a\"\n                                }\n                            }\n                        },\n                        animations: {\n                            enabled: '',\n                            speed: parseInt(''),\n                            \/\/delay: '\/\/',\n                            dynamicAnimation: {\n                                enabled: true\n                            }\n                        },\n                    },\n                    plotOptions: {\n                        pie: {\n                                                        donut: {\n                                size: '65%',\n                                labels: {\n                                    show: '',\n                                    value: {\n                                        fontFamily: 'Poppins',\n                                        fontWeight: '',\n                                        color: '#FFFFFF',\n                                        fontSize: '16px',\n                                    },\n                                    total: {\n                                        show: '',\n                                        showAlways: '',\n                                        label: 'Total',\n                                        fontFamily: 'Poppins',\n                                        fontWeight: '',\n                                        color: '#FFFFFF',\n                                        formatter: function(w) {\n                                            let totals = w.globals.seriesTotals.reduce((a, b) => {\n                                                return a + b;\n                                            }, 0)\n                                            let prefix = ''\n                                            let postfix = ''\n                                            let valueInStringShow = 'no'\n                                            let valueInString = '0'\n                                            if ('') {\n                                                totals = graphinNumberWithCommas(totals, ',')\n                                            } else if (valueInStringShow == 'yes') {\n                                                totals = graphinaAbbrNum(totals, valueInString);\n                                            }\n                                            return prefix + totals + postfix\n                                        }\n                                    }\n                                }\n                            }\n                        }\n                    },\n                    labels: 'United States_,_Australia_,_India_,_France_,_Others'.split('_,_'),\n                    noData: {\n                        text: 'No Data Available',\n                        align: 'center',\n                        verticalAlign: 'middle',\n                        style: {\n                            fontSize: '16px',\n                            fontFamily: 'Poppins',\n                            color: '#FFFFFF'\n                        }\n                    },\n                    dataLabels: {\n                        enabled: '1',\n                        style: {\n                            fontSize: '16px',\n                            fontFamily: 'Poppins',\n                            fontWeight: '',\n                            colors: ['#FFFFFF'],\n                        },\n                        background: {\n                            enabled: false\n                        },\n                        dropShadow: {\n                            enabled: false,\n                        }\n                    },\n                    colors: '#3E85F1_,_#4DDAEB_,_#1A50B2_,_#5CECC8_,_#162238'.split('_,_'),\n                    fill: {\n                        type: 'classic',\n                        opacity: 1,\n                        colors: '#3E85F1_,_#4DDAEB_,_#1A50B2_,_#5CECC8_,_#162238'.split('_,_'),\n                        gradient: {\n                            gradientToColors: '#3E85F1_,_#4DDAEB_,_#1A50B2_,_#5CECC8_,_#162238'.split('_,_'),\n                            inverseColors: '',\n                            opacityFrom: parseFloat(''),\n                            opacityTo: parseFloat('')\n                        },\n                        pattern: {\n                            style: 'verticalLines_,_verticalLines_,_verticalLines_,_verticalLines_,_verticalLines'.split('_,_'),\n                            width: 6,\n                            height: 6,\n                            strokeWidth: 2\n                        }\n                    },\n                    legend: {\n                        showForSingleSeries: true,\n                        show: '1',\n                        position: 'bottom',\n                        horizontalAlign: 'center',\n                        fontSize: '16px',\n                        fontFamily: 'Poppins',\n                        fontWeight: '',\n                        labels: {\n                            colors: '#FFFFFF'\n                        },\n                        formatter: function(seriesName, opts) {\n                            if ('') {\n                                let divEl= document.createElement(\"div\");\n                                divEl.classList.add(\"legend-info\");\n                                divEl.append(document.createElement(\"span\").innerText=seriesName,\":\",document.createElement(\"strong\").innerText=opts.w.globals.series[opts.seriesIndex])\n                                return divEl.outerHTML;\n                                \/\/ return `<div class=\"legend-info\"><span>${seriesName}<\/span>:<strong>${opts.w.globals.series[opts.seriesIndex]}<\/strong><\/div>`;\n                            }\n                            return seriesName\n                        }\n                    },\n                    tooltip: {\n                        enabled: '1',\n                        theme: 'light',\n                        style: {\n                            fontSize: '16px',\n                            fontFamily: 'Poppins'\n                        },\n                        y: {\n                            formatter: function(val, w) {\n                                let valueInStringShow = 'no'\n                                let valueInString = '0'\n                                let prefix = ''\n                                let postfix = ''\n                                if ('') {\n                                    val = graphinNumberWithCommas(val, ',')\n                                } else {\n                                    val = valueInStringShow == 'no' ? val : graphinaAbbrNum(val, valueInString);\n                                }\n                                if (\"\") {\n                                    let totals = w.globals.seriesTotals.reduce((a, b) => {\n                                        return a + b;\n                                    }, 0)\n                                    if (postfix.trim() === '') {\n                                        postfix = '%';\n                                    }\n                                    return prefix + val + \" (\" + parseFloat(val \/ totals * 100).toFixed('0') + postfix + \")\"\n                                }\n                                return prefix + val + postfix\n                            }\n                        }\n                    },\n                    stroke: {\n                        show: '',\n                        width: parseInt('0')\n                    },\n                    responsive: [{\n                            breakpoint: 1024,\n                            options: {\n                                chart: {\n                                    height: parseInt('385')\n                                }\n                            }\n                        },\n                        {\n                            breakpoint: 674,\n                            options: {\n                                chart: {\n                                    height: parseInt('385')\n                                }\n                            }\n                        }\n                    ]\n                };\n\n                if (\"\") {\n                    let valueInStringShow = 'no'\n                    let valueInStringValue = '0'\n                    let showlabel = 'no'\n                    let showValue = 'no'\n                    let prefix = ''\n                    let postfix = ''\n                    let numberformat = 'no'\n                    if (typeof chartDatalabelsFormat !== \"undefined\") {\n                        chartDatalabelsFormat(donutOptions, showlabel, showValue, numberformat, prefix, postfix, valueInStringShow, valueInStringValue, '', '0');\n                    }\n                }\n\n                if (typeof initNowGraphina !== \"undefined\") {\n                    initNowGraphina(\n                        myElement, {\n                            ele: document.querySelector(\".donut-chart-5a27bd1a\"),\n                            options: donutOptions,\n                            series: [{\n                                name: '',\n                                data: []\n                            }],\n                            animation: true,\n                            setting_date:{\"iq_donut_interval_data_refresh\":null,\"iq_donut_can_chart_reload_ajax\":null}                        },\n                        '5a27bd1a'\n                    );\n                }\n                if (window.ajaxIntervalGraphina_5a27bd1a !== undefined) {\n                    clearInterval(window.ajaxIntervalGraphina_5a27bd1a)\n                }\n            <\/script>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-marvy_enable_birds_animation=\"false\" data-marvy_enable_cells_animation=\"false\" data-marvy_enable_dots_animation=\"false\" data-marvy_enable_fog_animation=\"false\" data-marvy_enable_globe_animation=\"false\" data-marvy_enable_halo_animation=\"false\" data-marvy_enable_net_animation=\"false\" data-marvy_enable_trunk_animation=\"false\" data-marvy_enable_fluid_animation=\"false\" data-marvy_enable_digitalStream_animation=\"false\" data-marvy_enable_floating_heart_animation=\"false\" data-marvy_enable_particles_wave_animation=\"false\" data-marvy_enable_dna_animation=\"false\" data-marvy_enable_beyblade_animation=\"false\" data-marvy_enable_drop_animation=\"false\" data-marvy_enable_fancy_rotate=\"false\" data-marvy_enable_flying_object=\"false\" data-marvy_enable_ripples_animation=\"false\" data-marvy_enable_waves_animation=\"false\" data-marvy_enable_rings_animation=\"false\" data-marvy_enable_topology_animation=\"false\" data-marvy_enable_gradient_animation=\"false\" data-marvy_enable_snow_animation=\"false\" data-marvy_enable_firework_animation=\"false\" data-marvy_enable_cloud_animation=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-1437ac91 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1437ac91\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6747fb30 layouts-column-align-inherit layouts-section-position-none elementor-invisible\" data-id=\"6747fb30\" data-element_type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div data-marvy_enable_birds_animation=\"false\" data-marvy_enable_cells_animation=\"false\" data-marvy_enable_dots_animation=\"false\" data-marvy_enable_fog_animation=\"false\" data-marvy_enable_globe_animation=\"false\" data-marvy_enable_halo_animation=\"false\" data-marvy_enable_net_animation=\"false\" data-marvy_enable_trunk_animation=\"false\" data-marvy_enable_fluid_animation=\"false\" data-marvy_enable_digitalStream_animation=\"false\" data-marvy_enable_floating_heart_animation=\"false\" data-marvy_enable_particles_wave_animation=\"false\" data-marvy_enable_dna_animation=\"false\" data-marvy_enable_beyblade_animation=\"false\" data-marvy_enable_drop_animation=\"false\" data-marvy_enable_fancy_rotate=\"false\" data-marvy_enable_flying_object=\"false\" data-marvy_enable_ripples_animation=\"false\" data-marvy_enable_waves_animation=\"false\" data-marvy_enable_rings_animation=\"false\" data-marvy_enable_topology_animation=\"false\" data-marvy_enable_gradient_animation=\"false\" data-marvy_enable_snow_animation=\"false\" data-marvy_enable_firework_animation=\"false\" data-marvy_enable_cloud_animation=\"false\" class=\"elementor-section elementor-inner-section elementor-element elementor-element-7db4ffde iq-box-shadow elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7db4ffde\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-4e0858b1 layouts-column-align-inherit layouts-section-position-none\" data-id=\"4e0858b1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"hf-elementor-layout elementor-element elementor-element-363c5680 elementor-widget elementor-widget-xamin_section_title\" data-id=\"363c5680\" data-element_type=\"widget\" data-widget_type=\"xamin_section_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n<div class=\"iq-title-box title-\">\n\n\t\t\n\t\t<h4 class=\"iq-title\">\n\t\t\tEcommerce Analytics Standard\t\t<\/h4>\n\t\t\n\t<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"hf-elementor-layout elementor-element elementor-element-6af54310 iq-shadow elementor-widget elementor-widget-text-editor\" data-id=\"6af54310\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t        <table class=\"table table-bordered iq-table-dark\">\n  <thead>\n  <tr>\n  <th scope=\"col\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\">#<\/span><\/span><\/span><\/span><\/th>\n  <th scope=\"col\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\">Source\/Medium<\/span><\/span><\/span><\/span><\/th>\n  <th scope=\"col\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\">Session<\/span><\/span><\/span><\/span><\/th>\n  <th scope=\"col\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\">Users<\/span><\/span><\/span><\/span><\/th>\n  <\/tr>\n  <\/thead>\n  <tbody>\n  <tr>\n  <th scope=\"row\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\">1<\/span><\/span><\/span><\/span><\/th>\n  <td><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\">Organic<\/span><\/span><\/span><\/span><\/td>\n  <td><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\">45547<\/span><\/span><\/span><\/span><\/td>\n  <td><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\">4646<\/span><\/span><\/span><\/span><\/td>\n  <\/tr>\n  <tr>\n  <th scope=\"row\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\">2<\/span><\/span><\/span><\/span><\/th>\n  <td><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\">Referrel<\/span><\/span><\/span><\/span><\/td>\n  <td><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\">157477<\/span><\/span><\/span><\/span><\/td>\n  <td><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\">9688<\/span><\/span><\/span><\/span><\/td>\n  <\/tr>\n  <tr>\n  <th scope=\"row\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\">3<\/span><\/span><\/span><\/span><\/th>\n  <td><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\">Direct<\/span><\/span><\/span><\/span><\/td>\n  <td><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\">577577<\/span><\/span><\/span><\/span><\/td>\n  <td><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\">15060<\/span><\/span><\/span><\/span><\/td>\n  <\/tr>\n  <tr>\n  <th scope=\"row\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\">4<\/span><\/span><\/span><\/span><\/th>\n  <td><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\">Social<\/span><\/span><\/span><\/span><\/td>\n  <td><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\">612098<\/span><\/span><\/span><\/span><\/td>\n  <td><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\">38677<\/span><\/span><\/span><\/span><\/td>\n  <\/tr>\n  <\/tbody>\n  <\/table>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div data-marvy_enable_birds_animation=\"false\" data-marvy_enable_cells_animation=\"false\" data-marvy_enable_dots_animation=\"false\" data-marvy_enable_fog_animation=\"false\" data-marvy_enable_globe_animation=\"false\" data-marvy_enable_halo_animation=\"false\" data-marvy_enable_net_animation=\"false\" data-marvy_enable_trunk_animation=\"false\" data-marvy_enable_fluid_animation=\"false\" data-marvy_enable_digitalStream_animation=\"false\" data-marvy_enable_floating_heart_animation=\"false\" data-marvy_enable_particles_wave_animation=\"false\" data-marvy_enable_dna_animation=\"false\" data-marvy_enable_beyblade_animation=\"false\" data-marvy_enable_drop_animation=\"false\" data-marvy_enable_fancy_rotate=\"false\" data-marvy_enable_flying_object=\"false\" data-marvy_enable_ripples_animation=\"false\" data-marvy_enable_waves_animation=\"false\" data-marvy_enable_rings_animation=\"false\" data-marvy_enable_topology_animation=\"false\" data-marvy_enable_gradient_animation=\"false\" data-marvy_enable_snow_animation=\"false\" data-marvy_enable_firework_animation=\"false\" data-marvy_enable_cloud_animation=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-3032c2bd elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3032c2bd\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-6255ca92 layouts-column-align-inherit layouts-section-position-none elementor-invisible\" data-id=\"6255ca92\" data-element_type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"hf-elementor-layout elementor-element elementor-element-724db915 elementor-widget elementor-widget-xamin_section_title\" data-id=\"724db915\" data-element_type=\"widget\" data-widget_type=\"xamin_section_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n<div class=\"iq-title-box title-\">\n\n\t\t\n\t\t<h2 class=\"iq-title\">\n\t\t\tEcommerce Analytics Reports\t\t<\/h2>\n\t\t\n\t<p class=\"iq-title-desc mb-0\">Lorem Ipsum is simply dummy text of the printing and typesetting  is simply dummy text of the printing and typesetting industry.<\/p><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-28fff641 layouts-column-align-inherit layouts-section-position-none\" data-id=\"28fff641\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div data-marvy_enable_birds_animation=\"false\" data-marvy_enable_cells_animation=\"false\" data-marvy_enable_dots_animation=\"false\" data-marvy_enable_fog_animation=\"false\" data-marvy_enable_globe_animation=\"false\" data-marvy_enable_halo_animation=\"false\" data-marvy_enable_net_animation=\"false\" data-marvy_enable_trunk_animation=\"false\" data-marvy_enable_fluid_animation=\"false\" data-marvy_enable_digitalStream_animation=\"false\" data-marvy_enable_floating_heart_animation=\"false\" data-marvy_enable_particles_wave_animation=\"false\" data-marvy_enable_dna_animation=\"false\" data-marvy_enable_beyblade_animation=\"false\" data-marvy_enable_drop_animation=\"false\" data-marvy_enable_fancy_rotate=\"false\" data-marvy_enable_flying_object=\"false\" data-marvy_enable_ripples_animation=\"false\" data-marvy_enable_waves_animation=\"false\" data-marvy_enable_rings_animation=\"false\" data-marvy_enable_topology_animation=\"false\" data-marvy_enable_gradient_animation=\"false\" data-marvy_enable_snow_animation=\"false\" data-marvy_enable_firework_animation=\"false\" data-marvy_enable_cloud_animation=\"false\" class=\"elementor-section elementor-inner-section elementor-element elementor-element-db0da3c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"db0da3c\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-ea136bf layouts-column-align-inherit layouts-section-position-none\" data-id=\"ea136bf\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"hf-elementor-layout elementor-element elementor-element-20edcb73 elementor-invisible elementor-widget elementor-widget-xamin_counter\" data-id=\"20edcb73\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"xamin_counter.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t<div class=\"iq-counter  iq-counter-style-2\">\n\n\t\t\t\t\t<div class=\"iq-counter-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\" flaticon-leadership\"><\/i>\t\t\t<\/div>\n\t\t\t\t<div class=\"counter-content\">\n\t\t\t<p class=\"iq-counter-info\">\n\t\t\t\t<span class=\"timer\" data-to=\"52\" data-speed=\"5000\">52<\/span>\n\t\t\t\t<span class=\"counter-after-content\"><\/span>\n\t\t\t\t<span class=\"counter-symbol\">%<\/span>\n\t\t\t<\/p>\n\t\t\t\t\t\t\t<h6 class=\"counter-title-text\">Customers<\/h6>\n\n\t\t\t\t\t<\/div>\n\n\t<\/div>\n\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"hf-elementor-layout elementor-element elementor-element-5abb46ee elementor-invisible elementor-widget elementor-widget-xamin_counter\" data-id=\"5abb46ee\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"xamin_counter.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t<div class=\"iq-counter  iq-counter-style-2\">\n\n\t\t\t\t\t<div class=\"iq-counter-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\" flaticon-calculator\"><\/i>\t\t\t<\/div>\n\t\t\t\t<div class=\"counter-content\">\n\t\t\t<p class=\"iq-counter-info\">\n\t\t\t\t<span class=\"timer\" data-to=\"8\" data-speed=\"5000\">8<\/span>\n\t\t\t\t<span class=\"counter-after-content\"><\/span>\n\t\t\t\t<span class=\"counter-symbol\">%<\/span>\n\t\t\t<\/p>\n\t\t\t\t\t\t\t<h6 class=\"counter-title-text\">Orders<\/h6>\n\n\t\t\t\t\t<\/div>\n\n\t<\/div>\n\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-35b6f75 layouts-column-align-inherit layouts-section-position-none\" data-id=\"35b6f75\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"hf-elementor-layout elementor-element elementor-element-7c206d0b elementor-invisible elementor-widget elementor-widget-xamin_counter\" data-id=\"7c206d0b\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"xamin_counter.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t<div class=\"iq-counter  iq-counter-style-2\">\n\n\t\t\t\t\t<div class=\"iq-counter-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\" flaticon-money-bag\"><\/i>\t\t\t<\/div>\n\t\t\t\t<div class=\"counter-content\">\n\t\t\t<p class=\"iq-counter-info\">\n\t\t\t\t<span class=\"timer\" data-to=\"22\" data-speed=\"5000\">22<\/span>\n\t\t\t\t<span class=\"counter-after-content\"><\/span>\n\t\t\t\t<span class=\"counter-symbol\">%<\/span>\n\t\t\t<\/p>\n\t\t\t\t\t\t\t<h6 class=\"counter-title-text\">Revenue<\/h6>\n\n\t\t\t\t\t<\/div>\n\n\t<\/div>\n\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"hf-elementor-layout elementor-element elementor-element-53a14780 elementor-invisible elementor-widget elementor-widget-xamin_counter\" data-id=\"53a14780\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"xamin_counter.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t<div class=\"iq-counter  iq-counter-style-2\">\n\n\t\t\t\t\t<div class=\"iq-counter-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\" flaticon-loan\"><\/i>\t\t\t<\/div>\n\t\t\t\t<div class=\"counter-content\">\n\t\t\t<p class=\"iq-counter-info\">\n\t\t\t\t<span class=\"timer\" data-to=\"38\" data-speed=\"5000\">38<\/span>\n\t\t\t\t<span class=\"counter-after-content\"><\/span>\n\t\t\t\t<span class=\"counter-symbol\">%+<\/span>\n\t\t\t<\/p>\n\t\t\t\t\t\t\t<h6 class=\"counter-title-text\">Visits<\/h6>\n\n\t\t\t\t\t<\/div>\n\n\t<\/div>\n\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div data-marvy_enable_birds_animation=\"false\" data-marvy_enable_cells_animation=\"false\" data-marvy_enable_dots_animation=\"false\" data-marvy_enable_fog_animation=\"false\" data-marvy_enable_globe_animation=\"false\" data-marvy_enable_halo_animation=\"false\" data-marvy_enable_net_animation=\"false\" data-marvy_enable_trunk_animation=\"false\" data-marvy_enable_fluid_animation=\"false\" data-marvy_enable_digitalStream_animation=\"false\" data-marvy_enable_floating_heart_animation=\"false\" data-marvy_enable_particles_wave_animation=\"false\" data-marvy_enable_dna_animation=\"false\" data-marvy_enable_beyblade_animation=\"false\" data-marvy_enable_drop_animation=\"false\" data-marvy_enable_fancy_rotate=\"false\" data-marvy_enable_flying_object=\"false\" data-marvy_enable_ripples_animation=\"false\" data-marvy_enable_waves_animation=\"false\" data-marvy_enable_rings_animation=\"false\" data-marvy_enable_topology_animation=\"false\" data-marvy_enable_gradient_animation=\"false\" data-marvy_enable_snow_animation=\"false\" data-marvy_enable_firework_animation=\"false\" data-marvy_enable_cloud_animation=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-4e181c33 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"4e181c33\" data-element_type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4b133f2a layouts-column-align-inherit layouts-section-position-none\" data-id=\"4b133f2a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section data-marvy_enable_birds_animation=\"false\" data-marvy_enable_cells_animation=\"false\" data-marvy_enable_dots_animation=\"false\" data-marvy_enable_fog_animation=\"false\" data-marvy_enable_globe_animation=\"false\" data-marvy_enable_halo_animation=\"false\" data-marvy_enable_net_animation=\"false\" data-marvy_enable_trunk_animation=\"false\" data-marvy_enable_fluid_animation=\"false\" data-marvy_enable_digitalStream_animation=\"false\" data-marvy_enable_floating_heart_animation=\"false\" data-marvy_enable_particles_wave_animation=\"false\" data-marvy_enable_dna_animation=\"false\" data-marvy_enable_beyblade_animation=\"false\" data-marvy_enable_drop_animation=\"false\" data-marvy_enable_fancy_rotate=\"false\" data-marvy_enable_flying_object=\"false\" data-marvy_enable_ripples_animation=\"false\" data-marvy_enable_waves_animation=\"false\" data-marvy_enable_rings_animation=\"false\" data-marvy_enable_topology_animation=\"false\" data-marvy_enable_gradient_animation=\"false\" data-marvy_enable_snow_animation=\"false\" data-marvy_enable_firework_animation=\"false\" data-marvy_enable_cloud_animation=\"false\" class=\"elementor-section elementor-inner-section elementor-element elementor-element-6a2dc9c9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6a2dc9c9\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-666eaa34 layouts-column-align-inherit layouts-section-position-none\" data-id=\"666eaa34\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"hf-elementor-layout elementor-element elementor-element-66f16e6a elementor-widget elementor-widget-xamin_section_title\" data-id=\"66f16e6a\" data-element_type=\"widget\" data-widget_type=\"xamin_section_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n<div class=\"iq-title-box title-center\">\n\n\t\t\n\t\t<h4 class=\"iq-title\">\n\t\t\t Ecommerce Used Bye Country\t\t<\/h4>\n\t\t\n\t<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div data-marvy_enable_birds_animation=\"false\" data-marvy_enable_cells_animation=\"false\" data-marvy_enable_dots_animation=\"false\" data-marvy_enable_fog_animation=\"false\" data-marvy_enable_globe_animation=\"false\" data-marvy_enable_halo_animation=\"false\" data-marvy_enable_net_animation=\"false\" data-marvy_enable_trunk_animation=\"false\" data-marvy_enable_fluid_animation=\"false\" data-marvy_enable_digitalStream_animation=\"false\" data-marvy_enable_floating_heart_animation=\"false\" data-marvy_enable_particles_wave_animation=\"false\" data-marvy_enable_dna_animation=\"false\" data-marvy_enable_beyblade_animation=\"false\" data-marvy_enable_drop_animation=\"false\" data-marvy_enable_fancy_rotate=\"false\" data-marvy_enable_flying_object=\"false\" data-marvy_enable_ripples_animation=\"false\" data-marvy_enable_waves_animation=\"false\" data-marvy_enable_rings_animation=\"false\" data-marvy_enable_topology_animation=\"false\" data-marvy_enable_gradient_animation=\"false\" data-marvy_enable_snow_animation=\"false\" data-marvy_enable_firework_animation=\"false\" data-marvy_enable_cloud_animation=\"false\" class=\"elementor-section elementor-inner-section elementor-element elementor-element-4d848c0b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4d848c0b\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-68e5b047 layouts-column-align-inherit layouts-section-position-none\" data-id=\"68e5b047\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"hf-elementor-layout elementor-element elementor-element-28ed50c8 iq-box-shadow elementor-widget elementor-widget-line_chart\" data-id=\"28ed50c8\" data-element_type=\"widget\" data-widget_type=\"line_chart.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t    <div class=\"chart-card\">\n        <div class=\"\">\n                    <\/div>\n                            <div class=\"\">\n                                    <div class=\"chart-texture line-chart-28ed50c8\" style=\"min-height:335px;\"\n                         id='line_chart28ed50c8'><\/div>\n                                <\/div>\n                    <div style=\"height:335px;                display: flex;justify-content: center;align-items: center;\"\n             class=\"d-none area-texture line-chart-28ed50c8-loader\" >\n                        <p class=\"graphina-filter-notext d-none\" style=\"text-align: center;\">\n                No Data Found            <\/p>\n        <\/div>\n    <\/div>\n                <script>\n                var myElement = document.querySelector(\".line-chart-28ed50c8\");\n\n                if (typeof isInit === 'undefined') {\n                    var isInit = {};\n                }\n                isInit['28ed50c8'] = false;\n                var lineOptions = {\n                    series: [{\"name\":\"Element 1\",\"data\":[50,30,50,30,50,30]},{\"name\":\"Element 2\",\"data\":[30,50,30,50,30,50]}],\n                    chart: {\n                        background: '',\n                        height: parseInt('335'),\n                        type: 'line',\n                        fontFamily: 'Poppins',\n                        locales: [JSON.parse('{\"name\":\"en\",\"options\":{\"toolbar\":{\"download\":\"Download SVG\",\"selection\":\"Selection\",\"selectionZoom\":\"Selection Zoom\",\"zoomIn\":\"Zoom In\",\"zoomOut\":\"Zoom Out\",\"pan\":\"Panning\",\"reset\":\"Reset Zoom\",\"menu\":\"Menu\",\"exportToSVG\":\"Download SVG\",\"exportToPNG\":\"Download PNG\",\"exportToCSV\":\"Download CSV\"}}}')],\n                        defaultLocale: \"en\",\n                        stacked:'',\n                        animations: {\n                            enabled: '1',\n                            speed: '800',\n                            delay: '150',\n                            dynamicAnimation: {\n                                enabled: true\n                            }\n                        },\n                        toolbar: {\n                            offsetX: parseInt('0') || 0,\n                            offsetY: parseInt('0')|| 0,\n                            show: '',\n                            export: {\n                                csv: {\n                                    filename: \"28ed50c8\"\n                                },\n                                svg: {\n                                    filename: \"28ed50c8\"\n                                },\n                                png: {\n                                    filename: \"28ed50c8\"\n                                }\n                            }\n                        },\n                        dropShadow: {\n                            enabled: '',\n                            enabledOnSeries: [0,1],\n                            top: parseInt(''),\n                            left: parseInt(''),\n                            blur: parseInt(''),\n                            color: '',\n                            opacity: parseFloat('')\n                        }\n                    },\n                    noData: {\n                        text: 'No Data Available',\n                        align: 'center',\n                        verticalAlign: 'middle',\n                        style: {\n                            fontSize: '16px',\n                            fontFamily: 'Poppins',\n                            color: '#FFFFFF'\n                        }\n                    },\n                    dataLabels: {\n                        enabled: '',\n                        style: {\n                            fontSize: '16px',\n                            fontFamily: 'Poppins',\n                            fontWeight: '',\n                            colors: ['']\n                        },\n                        background: {\n                            enabled: '',\n                            borderRadius:parseInt('0'),\n                            foreColor: [''],\n                            borderWidth: parseInt(''),\n                            borderColor: ''\n                        },\n                        formatter: function (val, opts) {\n                            if(typeof val !== \"number\"   ){\n                                return ;\n                            }\n                            console.log(typeof val );\n                            if(\"\" ){\n                                val = graphinNumberWithCommas(val,',')\n                            }\n                            else if(\"\"\n                            &&  typeof graphinaAbbrNum  !== \"undefined\"){      \n                                val = graphinaAbbrNum(val ,  parseInt(\"\") || 0 );\n                            }\n                            return '' + val + '';\n                        },\n                         offsetY: parseInt('0'),\n                         offsetX: parseInt('0'),\n                    },\n                    stroke: {\n                        curve: 'smooth',\n                        width: '3_,_3'.split('_,_'),\n                        dashArray: '0_,_0'.split('_,_')\n                    },\n                    grid: {\n                        borderColor: '#90A4AE',\n                        yaxis: {\n                            lines: {\n                                show: '1'\n                            }\n                        }\n                    },\n                    xaxis: {\n                        categories: \"Jan_,_Feb_,_Mar_,_Apr_,_May_,_Jun\".split('_,_'),\n                        position: 'bottom',\n                        tickAmount: parseInt(\"6\"),\n                        tickPlacement: \"on\",\n                        labels: {\n                            show: '1',\n                            rotateAlways: '',\n                            rotate: parseInt('') || 0,\n                            offsetX: parseInt('0') || 0,\n                            offsetY: parseInt('0') || 0,\n                            hideOverlappingLabels: true,\n                            trim: true,\n                            style: {\n                                colors: '#FFFFFF',\n                                fontSize: '16px',\n                                fontFamily: 'Poppins',\n                                fontWeight: ''\n                            },\n                            formatter: function (val) {\n                                if(''){\n                                    val = '' + val + '';\n                                }\n                                if(val){\n                                    val = val.split(',')\n                                }\n                                return val\n                            }\n                        },\n                        tooltip: {\n                            enabled: \"\"\n                        },\n                        crosshairs: {\n                            show: \"\"\n                        }\n                    },\n                    yaxis: {\n                        opposite: '',\n                        tickAmount: parseInt(\"6\"),\n                        decimalsInFloat: parseInt(\"2\"),\n                        labels: {\n                            show: '1',\n                            rotate: parseInt('0') || 0,\n                            offsetX: parseInt('0') || 0,\n                            offsetY: parseInt('0') || 0,\n                            trim: true,\n                            style: {\n                                colors: '#FFFFFF',\n                                fontSize: '16px',\n                                fontFamily: 'Poppins',\n                                fontWeight: ''\n                            }\n                        },\n                        tooltip: {\n                            enabled: \"\"\n                        },\n                        crosshairs: {\n                            show: \"\"\n                        }\n                    },\n                    colors: '#3495FF_,_#4FDEE2'.split('_,_'),\n                    fill: {\n                        type: 'classic',\n                        opacity: 1,\n                        colors: '#3495FF_,_#4FDEE2'.split('_,_'),\n                        gradient: {\n                            gradientToColors: '#3495FF_,_#4FDEE2'.split('_,_'),\n                            type: '',\n                            inverseColors: '',\n                            opacityFrom: parseFloat(''),\n                            opacityTo: parseFloat('')\n                        }\n                    },\n                    legend: {\n                        showForSingleSeries:true,\n                        show: 'yes' === 'yes',\n                        position: 'bottom',\n                        horizontalAlign: 'center',\n                        fontSize: '16px',\n                        fontFamily: 'Poppins',\n                        fontWeight: '',\n                        labels: {\n                            colors: '#FFFFFF'\n                        },\n                        tooltipHoverFormatter: function(seriesName, opts) {\n                            if(''){\n                                let divEl= document.createElement(\"div\");\n                                divEl.classList.add(\"legend-info\");\n                                divEl.append(document.createElement(\"span\").innerText=seriesName,\":\",document.createElement(\"strong\").innerText=opts.w.globals.series[opts.seriesIndex])\n                                return divEl.outerHTML;\n                                \/\/ return `<div class=\"legend-info\"><span>${seriesName}<\/span>:<strong>${opts.w.globals.series[opts.seriesIndex][opts.dataPointIndex]}<\/strong><\/div>`\n                            }\n                            return seriesName\n                        }\n                    },\n                    tooltip: {\n                        enabled: '1',\n                        shared: 'yes' === \"yes\",\n                        intersect: !('yes' === \"yes\"),\n                        theme: 'light',\n                        style: {\n                            fontSize: '16px',\n                            fontFamily: 'Poppins'\n                        }\n                    },\n                    responsive: [{\n                        breakpoint: 1024,\n                        options: {\n                            chart: {\n                                height: parseInt('335')\n                            }\n                        }\n                    },\n                        {\n                            breakpoint: 674,\n                            options: {\n                                chart: {\n                                    height: parseInt('335')\n                                }\n                            }\n                        }\n                    ]\n                };\n\n                \n                if (\"\" ) {\n                    lineOptions.yaxis.labels.formatter = function (val) {\n                        let decimal = parseInt('0') || 0;\n                        if(\"\" ){\n                            val = graphinNumberWithCommas(val,',',decimal)\n                        }\n                        else if(\"\"\n                        &&  typeof graphinaAbbrNum  !== \"undefined\"){      \n                            val = graphinaAbbrNum(val ,  parseInt(\"\") || 0 );\n                        }else{\n                            val = parseFloat(val).toFixed(decimal)\n                        }\n                        return '' +  val  + '';\n                    }\n                }\n                if (\"yes\" ) {\n                    lineOptions.tooltip['enabledOnSeries'] = [0,1];\n                }\n                if (\"\" ) {\n                    lineOptions['annotations'] = {\n                        yaxis: [\n                            {\n                                y: 0,\n                                strokeDashArray: parseInt(\"0\"),\n                                borderColor: '#000000'\n                            }\n                        ]\n                    };\n                }\n                    lineOptions['markers'] ={\n                        size: '0_,_0'.split('_,_'),\n                        strokeColors: '#fff_,_#fff'.split('_,_'),\n                        strokeWidth: '0_,_0'.split('_,_'),\n                        shape: 'circle_,_circle'.split('_,_'),\n                        showNullDataPoints: true,\n                        hover: {\n                            size: 3,\n                            sizeOffset: 1\n                        }\n                    };\n\n                if(\"\"){\n                    let style ={\n                        color:'#FFFFFF',\n                        fontSize: '16px',\n                        fontFamily: 'Poppins',\n                        fontWeight: '',\n                    }\n                    let title = '';\n                    let xaxisYoffset =''  ? -95 : 0;\n                    if(typeof axisTitle !== \"undefined\"){\n                        axisTitle(lineOptions, 'xaxis' ,title, style,xaxisYoffset );\n                    }\n                }\n\n                if(\"\"){\n                    let style ={\n                        color:'',\n                        colors:'#FFFFFF',\n                        fontSize: '16px',\n                        fontFamily: 'Poppins',\n                        fontWeight: '',\n                    }\n                    let title = '';\n                    if(typeof axisTitle !== \"undefined\"){\n                        axisTitle(lineOptions, 'yaxis' ,title, style );\n                    }\n                }\n\n                if(''){\n                    lineOptions.yaxis.tickAmount = parseInt(\"6\") || 6;\n                    lineOptions.yaxis.min = parseFloat('0') || 0;\n                    lineOptions.yaxis.max = parseFloat('0') || 200;\n                }\n\n                if(\"\"){\n                    let style = {\n                        color:'',\n                        colors:'#FFFFFF',\n                        fontSize: '16px',\n                        fontFamily: 'Poppins',\n                        fontWeight: '',\n                    }\n                    lineOptions['yaxis'] = [lineOptions.yaxis]\n                    let lineYaxisTemp = {\n                        opposite: '1',\n                        labels: {\n                            show: '',\n                            formatter: function (val) {\n                                if(\"\" ){\n                                    val = graphinNumberWithCommas(val,',')\n                                }\n                                return ''  + val + ''\n                            },\n                            style\n                        },\n                        tickAmount: parseInt(''),\n                        title: {\n                            text: '',\n                            style\n                        }\n                    }\n                    if(''){\n                        lineYaxisTemp.tickAmount = parseInt('') || 6;\n                        lineYaxisTemp.min = parseFloat('0') || 0;\n                        lineYaxisTemp.max = parseFloat('0') || 200;\n                    }\n\n                    lineOptions.yaxis.push(lineYaxisTemp)\n                    \/\/ console.log(lineYaxisTemp)\n                }\n\n                if (typeof initNowGraphina !== \"undefined\") {\n                   \n                    initNowGraphina(\n                        myElement,\n                        {\n                            ele: document.querySelector(\".line-chart-28ed50c8\"),\n                            options: lineOptions,\n                            series: [{name: '', data: []}],\n                            animation: true,\n                            setting_date:{\"iq_line_interval_data_refresh\":null,\"iq_line_can_chart_reload_ajax\":null}                        },\n                        '28ed50c8'\n                    );\n                }\n                if (window.ajaxIntervalGraphina_28ed50c8 !== undefined) {\n                    clearInterval(window.ajaxIntervalGraphina_28ed50c8)\n                }\n\n            <\/script>\n            \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-7c59a6e6 layouts-column-align-inherit layouts-section-position-none\" data-id=\"7c59a6e6\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"hf-elementor-layout elementor-element elementor-element-465a765b elementor-widget elementor-widget-Xamin_progressbar\" data-id=\"465a765b\" data-element_type=\"widget\" data-widget_type=\"Xamin_progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t  \n\n  <div class=\"iq-progress-box-1 \">\n        <div class=\"progress-content\">\n          <h5 class=\"progress-title\">India<\/h5>\n          <span class=\"progress-value\">69% <\/span>\n          <div class=\"iq-progress-bar\">\n\n            <span data-percent=\"69\" class=\"show-progress\"><\/span>\n\n          <\/div>\n          \n      <\/div>\n      <\/div>\n  \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"hf-elementor-layout elementor-element elementor-element-755e8bf9 elementor-widget elementor-widget-Xamin_progressbar\" data-id=\"755e8bf9\" data-element_type=\"widget\" data-widget_type=\"Xamin_progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t  \n\n  <div class=\"iq-progress-box-1 \">\n        <div class=\"progress-content\">\n          <h5 class=\"progress-title\">Canada<\/h5>\n          <span class=\"progress-value\">36% <\/span>\n          <div class=\"iq-progress-bar\">\n\n            <span data-percent=\"36\" class=\"show-progress\"><\/span>\n\n          <\/div>\n          \n      <\/div>\n      <\/div>\n  \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"hf-elementor-layout elementor-element elementor-element-7fa6357d iq-box-shadow elementor-widget elementor-widget-Xamin_progressbar\" data-id=\"7fa6357d\" data-element_type=\"widget\" data-widget_type=\"Xamin_progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t  \n\n  <div class=\"iq-progress-box-1 \">\n        <div class=\"progress-content\">\n          <h5 class=\"progress-title\">USA<\/h5>\n          <span class=\"progress-value\">50% <\/span>\n          <div class=\"iq-progress-bar\">\n\n            <span data-percent=\"50\" class=\"show-progress\"><\/span>\n\n          <\/div>\n          \n      <\/div>\n      <\/div>\n  \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"hf-elementor-layout elementor-element elementor-element-3f94933b elementor-widget elementor-widget-Xamin_progressbar\" data-id=\"3f94933b\" data-element_type=\"widget\" data-widget_type=\"Xamin_progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t  \n\n  <div class=\"iq-progress-box-1 \">\n        <div class=\"progress-content\">\n          <h5 class=\"progress-title\">Russia<\/h5>\n          <span class=\"progress-value\">63% <\/span>\n          <div class=\"iq-progress-bar\">\n\n            <span data-percent=\"63\" class=\"show-progress\"><\/span>\n\n          <\/div>\n          \n      <\/div>\n      <\/div>\n  \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>DASHBOARD Ecommerce analytics 23457 Profit It is a long established fact that a reader will be distracted 475 Active Buyers It is a long established fact that a reader will be distracted 3234 Total order It is a long established fact that a reader will be distracted Total Order Visit by Channel Total Revenue Yearly [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"acf":[],"aioseo_notices":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v20.1 (Yoast SEO v22.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Dashboard 2 - JPStream Internet<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jpstream.net\/dashboard-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dashboard 2\" \/>\n<meta property=\"og:description\" content=\"DASHBOARD Ecommerce analytics 23457 Profit It is a long established fact that a reader will be distracted 475 Active Buyers It is a long established fact that a reader will be distracted 3234 Total order It is a long established fact that a reader will be distracted Total Order Visit by Channel Total Revenue Yearly [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jpstream.net\/dashboard-2\/\" \/>\n<meta property=\"og:site_name\" content=\"JPStream Internet\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jpstream.net\/dashboard-2\/\",\"url\":\"https:\/\/jpstream.net\/dashboard-2\/\",\"name\":\"Dashboard 2 - JPStream Internet\",\"isPartOf\":{\"@id\":\"https:\/\/jpstream.net\/#website\"},\"datePublished\":\"2020-09-02T04:37:30+00:00\",\"dateModified\":\"2020-09-02T04:37:30+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jpstream.net\/dashboard-2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jpstream.net\/dashboard-2\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jpstream.net\/dashboard-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jpstream.net\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dashboard 2\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jpstream.net\/#website\",\"url\":\"https:\/\/jpstream.net\/\",\"name\":\"JPStream Internet\",\"description\":\"Internet Hosting Service in Japan\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jpstream.net\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Dashboard 2 - JPStream Internet","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jpstream.net\/dashboard-2\/","og_locale":"en_US","og_type":"article","og_title":"Dashboard 2","og_description":"DASHBOARD Ecommerce analytics 23457 Profit It is a long established fact that a reader will be distracted 475 Active Buyers It is a long established fact that a reader will be distracted 3234 Total order It is a long established fact that a reader will be distracted Total Order Visit by Channel Total Revenue Yearly [&hellip;]","og_url":"https:\/\/jpstream.net\/dashboard-2\/","og_site_name":"JPStream Internet","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/jpstream.net\/dashboard-2\/","url":"https:\/\/jpstream.net\/dashboard-2\/","name":"Dashboard 2 - JPStream Internet","isPartOf":{"@id":"https:\/\/jpstream.net\/#website"},"datePublished":"2020-09-02T04:37:30+00:00","dateModified":"2020-09-02T04:37:30+00:00","breadcrumb":{"@id":"https:\/\/jpstream.net\/dashboard-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jpstream.net\/dashboard-2\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jpstream.net\/dashboard-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jpstream.net\/"},{"@type":"ListItem","position":2,"name":"Dashboard 2"}]},{"@type":"WebSite","@id":"https:\/\/jpstream.net\/#website","url":"https:\/\/jpstream.net\/","name":"JPStream Internet","description":"Internet Hosting Service in Japan","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jpstream.net\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/jpstream.net\/wp-json\/wp\/v2\/pages\/25146"}],"collection":[{"href":"https:\/\/jpstream.net\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jpstream.net\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jpstream.net\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jpstream.net\/wp-json\/wp\/v2\/comments?post=25146"}],"version-history":[{"count":0,"href":"https:\/\/jpstream.net\/wp-json\/wp\/v2\/pages\/25146\/revisions"}],"wp:attachment":[{"href":"https:\/\/jpstream.net\/wp-json\/wp\/v2\/media?parent=25146"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}