{"version":3,"sources":["webpack:///./src/developing/components/classroom-stats/dev.vue?b973","webpack:///./src/developing/mocks/data/analytics.js","webpack:///src/developing/components/classroom-stats/dev.vue","webpack:///./src/developing/components/classroom-stats/dev.vue?c5b3","webpack:///./src/developing/components/classroom-stats/dev.vue","webpack:///./src/utils/color.js","webpack:///./src/developing/components/classroom-stats/data.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","_v","_s","getClassroomId","_b","tag","classroomId","devData","staticClass","staticRenderFns","siteTraffic","series","name","data","chartOptions","grid","show","padding","left","right","chart","type","dropShadow","enabled","top","blur","opacity","toolbar","sparkline","stroke","width","curve","xaxis","colors","fill","gradient","shade","gradientToColors","shadeIntensity","opacityFrom","opacityTo","stops","markers","size","hover","tooltip","x","activeUsers","newsletter","revenueComparisonLine","dashArray","borderColor","legend","inverseColors","labels","style","cssClass","axisTicks","categories","axisBorder","yaxis","tickAmount","formatter","val","toFixed","subscribersGained","dataLabels","lines","y","offsetX","offsetY","quarterlySales","revenueGenerated","ordersRecevied","salesBar","states","filter","plotOptions","bar","columnWidth","distributed","endingShape","goalOverviewRadialBar","radialBar","startAngle","endAngle","hollow","track","background","strokeWidth","value","color","fontSize","lineCap","supportTrackerRadialBar","statisticsRadar","radar","polygons","strokeColors","connectorColors","sessionsByDeviceDonut","productOrdersRadialBar","margin","total","label","responsive","breakpoint","options","height","customersPie","salesLine","clientRetentionBar","stacked","browserAnalytics","id","ratio","time","comparedResult","components","Production","mockClassRoomId","local","totalStudent","theme","monochrome","getHex","shadeTo","chartSeries","hideChart","iconRight","timelineData","analyticsData","salesRadar","unitStats","title","text","heatmap","radius","useFillColorAsStroke","colorScale","ranges","heatmapSum","foreColor","autoSelected","clipMarkers","strokeColor","min","props","String","default","methods","mounted","rgb","split","Number","toString","slice","generateData","count","yrange","i","Math","floor","random","max","push","component","_color","isColor","window","getComputedStyle","document","documentElement","getPropertyValue","maxStudent","state","Vue","observable","studentInEachUnitSeries","studentAccessHeatmap","byweek","summary","from","to"],"mappings":"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","file":"js/chunk-b4d7df26.324d1adf.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"dev-component\"}},[_vm._v(\" Classroom Stat: \"+_vm._s(_vm.getClassroomId())+\" \"),_c('production',_vm._b({tag:\"component\",attrs:{\"dev\":\"\",\"classroomId\":_vm.classroomId}},'component',{ devData: _vm.devData },false)),_c('div',{staticClass:\"vx-row\"}),_c('div',{staticClass:\"vx-row\"})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","/*=========================================================================================\n\tFile Name: analyticsData.vue\n\tDescription: Data shown by charts\n\t----------------------------------------------------------------------------------------\n\tItem Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n\tAuthor: Pixinvent\n\tAuthor URL: http://www.themeforest.net/user/pixinvent\n==========================================================================================*/\n\n\nexport default {\n    // LINE CHART\n    siteTraffic: {\n        series: [{\n            name: 'Traffic Rate',\n            data: [150, 200, 125, 225, 200, 250]\n        }],\n        chartOptions: {\n            grid: {\n                show: false,\n                padding: {\n                    left: 0,\n                    right: 0\n                }\n            },\n            chart: {\n                type: 'line',\n                dropShadow: {\n                    enabled: true,\n                    top: 5,\n                    left: 0,\n                    blur: 4,\n                    opacity: 0.10,\n                },\n                toolbar: {\n                    show: false,\n                },\n                sparkline: {\n                    enabled: true\n                }\n            },\n            stroke: {\n                width: 5,\n                curve: 'smooth'\n            },\n            xaxis: {\n                type: 'numeric',\n            },\n            colors: ['#7367F0'],\n            fill: {\n                type: 'gradient',\n                gradient: {\n                    shade: 'dark',\n                    gradientToColors: ['#A9A2F6'],\n                    shadeIntensity: 1,\n                    type: 'horizontal',\n                    opacityFrom: 1,\n                    opacityTo: 1,\n                    stops: [0, 100, 100, 100]\n                },\n            },\n            markers: {\n                size: 0,\n                hover: {\n                    size: 5\n                }\n            },\n            tooltip: {\n                x: { show: false }\n            },\n        }\n    },\n    activeUsers: {\n        series: [{\n            name: 'Active Users',\n            data: [750, 1000, 900, 1250, 1000, 1200, 1100]\n        }],\n        chartOptions: {\n            grid: {\n                show: false,\n                padding: {\n                    left: 0,\n                    right: 0\n                }\n            },\n            chart: {\n                type: 'line',\n                dropShadow: {\n                    enabled: true,\n                    top: 5,\n                    left: 0,\n                    blur: 4,\n                    opacity: 0.10,\n                },\n                toolbar: {\n                    show: false,\n                },\n                sparkline: {\n                    enabled: true\n                }\n            },\n            stroke: {\n                width: 5,\n                curve: 'smooth'\n            },\n            xaxis: {\n                type: 'numeric',\n            },\n            colors: ['#28C76F'],\n            fill: {\n                type: 'gradient',\n                gradient: {\n                    shade: 'dark',\n                    gradientToColors: ['#55DD92'],\n                    shadeIntensity: 1,\n                    type: 'horizontal',\n                    opacityFrom: 1,\n                    opacityTo: 1,\n                    stops: [0, 75, 100, 100]\n                },\n            },\n            markers: {\n                size: 0,\n                hover: {\n                    size: 5\n                }\n            },\n            tooltip: {\n                x: { show: false }\n            },\n        }\n    },\n    newsletter: {\n        series: [{\n            name: 'Newsletter',\n            data: [365, 390, 365, 400, 375, 400]\n        }],\n        chartOptions: {\n            grid: {\n                show: false,\n                padding: {\n                    left: 0,\n                    right: 0\n                }\n            },\n            chart: {\n                type: 'line',\n                dropShadow: {\n                    enabled: true,\n                    top: 5,\n                    left: 0,\n                    blur: 4,\n                    opacity: 0.10,\n                },\n                toolbar: {\n                    show: false,\n                },\n                sparkline: {\n                    enabled: true\n                }\n            },\n            stroke: {\n                width: 5,\n                curve: 'smooth'\n            },\n            xaxis: {\n                type: 'numeric',\n            },\n            colors: ['#FF9F43'],\n            fill: {\n                type: 'gradient',\n                gradient: {\n                    shade: 'dark',\n                    gradientToColors: ['#ffc085'],\n                    shadeIntensity: 1,\n                    type: 'horizontal',\n                    opacityFrom: 1,\n                    opacityTo: 1,\n                    stops: [0, 75, 100, 100]\n                },\n            },\n            markers: {\n                size: 0,\n                hover: {\n                    size: 5\n                }\n            },\n            tooltip: {\n                x: { show: false }\n            },\n        }\n    },\n    revenueComparisonLine: {\n        // series: [{\n        //         name: \"This Month\",\n        //         data: [45000, 47000, 44800, 47500, 45500, 48000, 46500, 48600]\n        //     },\n        //     {\n        //         name: \"Last Month\",\n        //         data: [46000, 48000, 45500, 46600, 44500, 46500, 45000, 47000]\n        //     }\n        // ],\n        chartOptions: {\n            chart: {\n                toolbar: { show: false },\n                dropShadow: {\n                  enabled: true,\n                  top: 5,\n                  left: 0,\n                  blur: 4,\n                  opacity: 0.10,\n                },\n            },\n            stroke: {\n                curve: 'smooth',\n                dashArray: [0, 8],\n                width: [4, 2],\n            },\n            grid: {\n                borderColor: '#e7e7e7',\n            },\n            legend: {\n                show: false,\n            },\n            colors: ['#F97794', '#b8c2cc'],\n            fill: {\n                type: 'gradient',\n                gradient: {\n                    shade: 'dark',\n                    inverseColors: false,\n                    gradientToColors: ['#7367F0', '#b8c2cc'],\n                    shadeIntensity: 1,\n                    type: 'horizontal',\n                    opacityFrom: 1,\n                    opacityTo: 1,\n                    stops: [0, 100, 100, 100]\n                },\n            },\n            markers: {\n                size: 0,\n                hover: {\n                    size: 5\n                }\n            },\n            xaxis: {\n                labels: {\n                    style: {\n                        cssClass: 'text-grey fill-current',\n                    }\n                },\n                axisTicks: {\n                    show: false,\n                },\n                categories: ['01', '05', '09', '13', '17', '21', '26', '31'],\n                axisBorder: {\n                    show: false,\n                },\n            },\n            yaxis: {\n                tickAmount: 5,\n                labels: {\n                    style: {\n                        cssClass: 'text-grey fill-current',\n                    },\n                    formatter: function(val) {\n                        return val > 999 ? (val / 1000).toFixed(1) + 'k' : val;\n                    }\n                }\n            },\n            tooltip: {\n                x: { show: false }\n            }\n        }\n    },\n\n    // LINE AREA CHART\n    subscribersGained: {\n        series: [{\n            name: 'Subscribers',\n            data: [28, 40, 36, 52, 38, 60, 55]\n        }],\n        chartOptions: {\n            grid: {\n                show: false,\n                padding: {\n                    left: 0,\n                    right: 0\n                }\n            },\n            chart: {\n                toolbar: {\n                    show: false,\n                },\n                sparkline: {\n                    enabled: true\n                }\n            },\n            dataLabels: {\n                enabled: false\n            },\n            stroke: {\n                curve: 'smooth',\n                width: 2.5\n            },\n            fill: {\n                type: 'gradient',\n                gradient: {\n                    shadeIntensity: 0.9,\n                    opacityFrom: 0.7,\n                    opacityTo: 0.5,\n                    stops: [0, 80, 100]\n                }\n            },\n            xaxis: {\n                type: 'numeric',\n                lines: {\n                    show: false,\n                },\n                axisBorder: {\n                    show: false,\n                },\n                labels: { show: false }\n            },\n            yaxis: [{\n                y: 0,\n                offsetX: 0,\n                offsetY: 0,\n                padding: { left: 0, right: 0 },\n            }],\n            tooltip: {\n                x: { show: false }\n            },\n        },\n    },\n    quarterlySales: {\n        series: [{\n            name: 'Sales',\n            data: [10, 15, 7, 12, 3, 16]\n        }],\n        chartOptions: {\n            grid: {\n                show: false,\n                padding: {\n                    left: 0,\n                    right: 0\n                }\n            },\n            chart: {\n                toolbar: {\n                    show: false,\n                },\n                sparkline: {\n                    enabled: true\n                }\n            },\n            dataLabels: {\n                enabled: false\n            },\n            stroke: {\n                curve: 'smooth',\n                width: 2.5\n            },\n            fill: {\n                type: 'gradient',\n                gradient: {\n                    shadeIntensity: 0.9,\n                    opacityFrom: 0.7,\n                    opacityTo: 0.5,\n                    stops: [0, 80, 100]\n                }\n            },\n            xaxis: {\n                type: 'numeric',\n                lines: {\n                    show: false,\n                },\n                axisBorder: {\n                    show: false,\n                },\n                labels: { show: false }\n            },\n            yaxis: [{\n                y: 0,\n                offsetX: 0,\n                offsetY: 0,\n                padding: { left: 0, right: 0 },\n            }],\n            tooltip: {\n                x: { show: false }\n            },\n        },\n    },\n    revenueGenerated: {\n        series: [{\n            name: 'Revenue',\n            data: [350, 275, 400, 300, 350, 300, 450]\n        }],\n        chartOptions: {\n            grid: {\n                show: false,\n                padding: {\n                    left: 0,\n                    right: 0\n                }\n            },\n            chart: {\n                toolbar: {\n                    show: false,\n                },\n                sparkline: {\n                    enabled: true\n                }\n            },\n            dataLabels: {\n                enabled: false\n            },\n            stroke: {\n                curve: 'smooth',\n                width: 2.5\n            },\n            fill: {\n                type: 'gradient',\n                gradient: {\n                    shadeIntensity: 0.9,\n                    opacityFrom: 0.7,\n                    opacityTo: 0.5,\n                    stops: [0, 80, 100]\n                }\n            },\n            xaxis: {\n                type: 'numeric',\n                lines: {\n                    show: false,\n                },\n                axisBorder: {\n                    show: false,\n                },\n                labels: { show: false }\n            },\n            yaxis: [{\n                y: 0,\n                offsetX: 0,\n                offsetY: 0,\n                padding: { left: 0, right: 0 },\n            }],\n            tooltip: {\n                x: { show: false }\n            },\n        },\n    },\n    ordersRecevied: {\n        series: [{\n            name: 'Orders',\n            data: [10, 15, 8, 15, 7, 12, 8]\n        }],\n        chartOptions: {\n            grid: {\n                show: false,\n                padding: {\n                    left: 0,\n                    right: 0\n                }\n            },\n            chart: {\n                toolbar: {\n                    show: false,\n                },\n                sparkline: {\n                    enabled: true\n                }\n            },\n            dataLabels: {\n                enabled: false\n            },\n            stroke: {\n                curve: 'smooth',\n                width: 2.5\n            },\n            fill: {\n                type: 'gradient',\n                gradient: {\n                    shadeIntensity: 0.9,\n                    opacityFrom: 0.7,\n                    opacityTo: 0.5,\n                    stops: [0, 80, 100]\n                }\n            },\n            xaxis: {\n                type: 'numeric',\n                lines: {\n                    show: false,\n                },\n                axisBorder: {\n                    show: false,\n                },\n                labels: { show: false }\n            },\n            yaxis: [{\n                y: 0,\n                offsetX: 0,\n                offsetY: 0,\n                padding: { left: 0, right: 0 },\n            }],\n            tooltip: {\n                x: { show: false }\n            },\n        },\n    },\n    // BAR CHART\n    salesBar: {\n        // series: [{\n        //     name: 'Sessions',\n        //     data: [75, 125, 225, 175, 125, 75, 25]\n        // }],\n        chartOptions: {\n            grid: {\n                show: false,\n                padding: {\n                    left: 0,\n                    right: 0\n                }\n            },\n            chart: {\n                type: 'bar',\n                sparkline: { enabled: true },\n                toolbar: { show: false },\n            },\n            states: {\n                hover: {\n                    filter: 'none'\n                }\n            },\n            colors: ['rgba(115,103,240,0.15)', 'rgba(115,103,240,0.15)', '#7367f0', 'rgba(115,103,240,0.15)', 'rgba(115,103,240,0.15)', 'rgba(115,103,240,0.15)'],\n            plotOptions: {\n                bar: {\n                    columnWidth: '45%',\n                    distributed: true,\n                    endingShape: 'rounded', // Deprecated\n                    // borderRadius: '20px', // Coming Soon\n                }\n            },\n            tooltip: {\n                x: { show: false }\n            },\n        }\n    },\n    // RADIAL BAR\n    goalOverviewRadialBar: {\n        // series: [83],\n        chartOptions: {\n            plotOptions: {\n                radialBar: {\n                    size: 110,\n                    startAngle: -150,\n                    endAngle: 150,\n                    hollow: {\n                        size: '77%',\n                    },\n                    track: {\n                        background: \"#bfc5cc\",\n                        strokeWidth: '50%',\n                    },\n                    dataLabels: {\n                        name: {\n                            show: false\n                        },\n                        value: {\n                            offsetY: 18,\n                            color: '#99a2ac',\n                            fontSize: '4rem'\n                        }\n                    }\n                }\n            },\n            colors: ['#00db89'],\n            fill: {\n                type: 'gradient',\n                gradient: {\n                    shade: 'dark',\n                    type: 'horizontal',\n                    shadeIntensity: 0.5,\n                    gradientToColors: ['#00b5b5'],\n                    inverseColors: true,\n                    opacityFrom: 1,\n                    opacityTo: 1,\n                    stops: [0, 100]\n                },\n            },\n            stroke: {\n                lineCap: 'round'\n            },\n            chart: {\n                sparkline: {\n                    enabled: true,\n                },\n                dropShadow: {\n                    enabled: true,\n                    blur: 3,\n                    left: 1,\n                    top: 1,\n                    opacity: 0.1\n                },\n            },\n        }\n    },\n    supportTrackerRadialBar: {\n        // chartData: {\n        //     totalTickets: 163,\n        //     openTickets: 103,\n        //     lastResponse: '1d',\n        // },\n        // series: [83],\n        chartOptions: {\n            plotOptions: {\n                radialBar: {\n                    size: 158,\n                    offsetY: -30,\n                    startAngle: -150,\n                    endAngle: 150,\n                    hollow: {\n                        size: '65%',\n                    },\n                    track: {\n                        background: \"rgba(0,0,0,0)\",\n                        strokeWidth: '100%',\n\n                    },\n                    dataLabels: {\n                        value: {\n                            offsetY: 30,\n                            color: '#99a2ac',\n                            fontSize: '2rem'\n                        }\n                    }\n                },\n            },\n            colors: ['#EA5455'],\n            fill: {\n                type: 'gradient',\n                gradient: {\n                    // enabled: true,\n                    shade: 'dark',\n                    type: 'horizontal',\n                    shadeIntensity: 0.5,\n                    gradientToColors: ['#7367F0'],\n                    inverseColors: true,\n                    opacityFrom: 1,\n                    opacityTo: 1,\n                    stops: [0, 100]\n                },\n            },\n            stroke: {\n                dashArray: 8\n            },\n            chart: {\n                sparkline: {\n                }\n            },\n            labels: ['Completed Tickets'],\n        }\n    },\n    // RADAR\n    statisticsRadar: {\n        // series: [{\n        //     name: 'Visits',\n        //     data: [90, 50, 86, 40, 100, 20],\n        // }, {\n        //     name: 'Sales',\n        //     data: [70, 75, 70, 76, 20, 85],\n        // }],\n        chartOptions: {\n            labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'],\n            dataLabels: {\n                style: {\n                    colors: ['#b9c3cd', '#b9c3cd', '#b9c3cd', '#b9c3cd', '#b9c3cd', '#b9c3cd']\n                }\n            },\n            yaxis: {\n                show: false,\n            },\n            grid: {\n                show: false,\n            },\n            legend: { show: false },\n            chart: {\n                dropShadow: {\n                    enabled: true,\n                    blur: 8,\n                    left: 1,\n                    top: 1,\n                    opacity: 0.2\n                },\n                toolbar: {\n                    show: false\n                }\n            },\n            stroke: {\n                width: 0\n            },\n            colors: ['#9f8ed7', '#1edec5'],\n            plotOptions: {\n                radar: {\n                    polygons: {\n                        strokeColors: ['#e8e8e8', 'transparent', 'transparent', 'transparent', 'transparent', 'transparent'],\n                        connectorColors: 'transparent'\n                    }\n                }\n            },\n            fill: {\n                type: 'gradient',\n                gradient: {\n                    shade: 'dark',\n                    gradientToColors: ['#8e9ad6', '#1fcadb'],\n                    shadeIntensity: 1,\n                    type: 'horizontal',\n                    opacityFrom: 1,\n                    opacityTo: 1,\n                    stops: [0, 100, 100, 100]\n                },\n            },\n            markers: {\n                size: 0,\n            },\n        }\n    },\n    // SessionsByDevice\n    sessionsByDeviceDonut: {\n        // analyticsData: [\n        //     { device: 'Dekstop', icon: 'MonitorIcon', color: 'primary', sessionsPercentgae: 58.6, comparedResultPercentage: 2 },\n        //     { device: 'Mobile', icon: 'SmartphoneIcon', color: 'warning', sessionsPercentgae: 34.9, comparedResultPercentage: 8 },\n        //     { device: 'Tablet', icon: 'TabletIcon', color: 'danger', sessionsPercentgae: 6.5, comparedResultPercentage: -5 },\n        // ],\n        // comparedResult: [2, -3, 8],\n        // series: [58.6, 34.9, 6.5],\n        chartOptions: {\n            labels: ['Desktop', 'Mobile', 'Tablet'],\n            dataLabels: {\n                enabled: false\n            },\n            legend: { show: false },\n            chart: {\n                offsetY: 30,\n                type: 'donut',\n                toolbar: {\n                    show: false\n                }\n            },\n            stroke: { width: 0 },\n            colors: ['#7961F9', '#FF9F43', '#EA5455'],\n            fill: {\n                type: 'gradient',\n                gradient: {\n                    gradientToColors: ['#9c8cfc', '#FFC085', '#f29292']\n                }\n            }\n        }\n    },\n    // Product Orders\n    productOrdersRadialBar: {\n        // analyticsData: [\n        //     { 'orderType': 'Finished', 'counts': 23043, color: 'primary' },\n        //     { 'orderType': 'Pending', 'counts': 14658, color: 'warning' },\n        //     { 'orderType': 'Rejected ', 'counts': 4758, color: 'danger' },\n        // ],\n        // series: [70, 52, 26],\n        chartOptions: {\n            labels: ['Finished', 'Pending', 'Rejected'],\n            plotOptions: {\n                radialBar: {\n                    size: 165,\n                    offsetY: -5,\n                    hollow: {\n                        size: '20%'\n                    },\n                    track: {\n                        background: \"#ebebeb\",\n                        strokeWidth: '100%',\n                        margin: 15,\n                    },\n                    dataLabels: {\n                        show: true,\n                        name: {\n                            fontSize: '18px',\n                        },\n                        value: {\n                            fontSize: '16px',\n                            color: \"#636a71\",\n                            offsetY: 11\n                        },\n                        total: {\n                            show: true,\n                            label: 'Total',\n                            formatter: function() {\n                                return 42459\n                            }\n                        }\n                    }\n                },\n            },\n            responsive: [{\n                breakpoint: 576,\n                options: {\n                    plotOptions: {\n                        radialBar: {\n                            size: 150,\n                            hollow: {\n                                size: '20%'\n                            },\n                            track: {\n                                background: \"#ebebeb\",\n                                strokeWidth: '100%',\n                                margin: 15,\n                            },\n                        }\n                    }\n                }\n            }],\n            colors: ['#7961F9', '#FF9F43', '#EA5455'],\n            fill: {\n                type: 'gradient',\n                gradient: {\n                    // enabled: true,\n                    shade: 'dark',\n                    type: 'vertical',\n                    shadeIntensity: 0.5,\n                    gradientToColors: ['#9c8cfc', '#FFC085', '#f29292'],\n                    inverseColors: false,\n                    opacityFrom: 1,\n                    opacityTo: 1,\n                    stops: [0, 100]\n                },\n            },\n            stroke: {\n                lineCap: 'round'\n            },\n            chart: {\n                height: 355,\n                dropShadow: {\n                    enabled: true,\n                    blur: 3,\n                    left: 1,\n                    top: 1,\n                    opacity: 0.1\n                },\n            }\n        }\n    },\n    // Customers\n    customersPie: {\n        // analyticsData: [\n        //     { 'customerType': 'New', 'counts': 890, color: 'primary' },\n        //     { 'customerType': 'Returning', 'counts': 258, color: 'warning' },\n        //     { 'customerType': 'Referrals ', 'counts': 149, color: 'danger' },\n        // ],\n        // series: [690, 258, 149],\n        chartOptions: {\n            labels: ['New', 'Returning', 'Referrals'],\n            dataLabels: {\n                enabled: false\n            },\n            legend: { show: false },\n            chart: {\n                type: 'pie',\n                offsetY: 0,\n                dropShadow: {\n                    enabled: false,\n                    blur: 5,\n                    left: 1,\n                    top: 1,\n                    opacity: 0.2\n                },\n                toolbar: {\n                    show: false\n                }\n            },\n            stroke: {\n                width: 5\n            },\n            colors: ['#7961F9', '#FF9F43', '#EA5455'],\n            fill: {\n                type: 'gradient',\n                gradient: {\n                    gradientToColors: ['#9c8cfc', '#FFC085', '#f29292']\n                }\n            }\n        }\n    },\n    // Sales monthly\n    salesLine: {\n        // series: [{\n        //     name: \"Sales\",\n        //     data: [140, 180, 150, 205, 160, 295, 125, 255, 205, 305, 240, 295]\n        // }],\n        chartOptions: {\n            chart: {\n                toolbar: { show: false },\n                dropShadow: {\n                    enabled: true,\n                    top: 20,\n                    left: 2,\n                    blur: 6,\n                    opacity: 0.20\n                }\n            },\n            stroke: {\n                curve: 'smooth',\n                width: 4,\n            },\n            grid: {\n                borderColor: '#ebebeb',\n            },\n            legend: {\n                show: false,\n            },\n            colors: ['#df87f2'],\n            fill: {\n                type: 'gradient',\n                gradient: {\n                    shade: 'dark',\n                    inverseColors: false,\n                    gradientToColors: ['#7367F0'],\n                    shadeIntensity: 1,\n                    type: 'horizontal',\n                    opacityFrom: 1,\n                    opacityTo: 1,\n                    stops: [0, 100, 100, 100]\n                },\n            },\n            markers: {\n                size: 0,\n                hover: {\n                    size: 5\n                }\n            },\n            xaxis: {\n                labels: {\n                    style: {\n                        cssClass: 'text-grey fill-current',\n                    }\n                },\n                axisTicks: {\n                    show: false,\n                },\n                categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'July', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],\n                axisBorder: {\n                    show: false,\n                },\n            },\n            yaxis: {\n                tickAmount: 5,\n                labels: {\n                    style: {\n                        cssClass: 'text-grey fill-current',\n                    },\n                    formatter: function(val) {\n                        return val > 999 ? (val / 1000).toFixed(1) + 'k' : val;\n                    }\n                }\n            },\n            tooltip: {\n                x: { show: false }\n            }\n        }\n    },\n    // ClientRetention Bar Chart\n    clientRetentionBar: {\n        // series: [{\n        //     name: 'New Clients',\n        //     data: [175, 125, 225, 175, 160, 189, 206, 134, 159, 216, 148, 123]\n        // }, {\n        //     name: 'Retained Clients',\n        //     data: [-144, -155, -141, -167, -122, -143, -158, -107, -126, -131, -140, -137]\n        // }],\n        chartOptions: {\n            grid: {\n                borderColor: '#ebebeb',\n                padding: {\n                    left: 0,\n                    right: 0\n                }\n            },\n            legend: {\n                show: false,\n            },\n            dataLabels: {\n                enabled: false\n            },\n            chart: {\n                stacked: true,\n                type: 'bar',\n                toolbar: { show: false },\n            },\n            colors: ['#7367F0', '#EA5455'],\n            plotOptions: {\n                bar: {\n                    columnWidth: '10%'\n                }\n            },\n            xaxis: {\n                labels: {\n                    style: {\n                        cssClass: 'text-grey fill-current',\n                    }\n                },\n                axisTicks: {\n                    show: false,\n                },\n                categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],\n                axisBorder: {\n                    show: false,\n                },\n            },\n            yaxis: {\n                tickAmount: 5,\n                labels: {\n                    style: {\n                        cssClass: 'text-grey fill-current',\n                    }\n                }\n            },\n            tooltip: {\n                x: { show: false }\n            },\n        }\n    },\n    // OTHER\n    browserAnalytics: [{\n            id: 1,\n            name: 'Google Chrome',\n            ratio: 73,\n            time: 'Mon Dec 10 2018 07:46:05 GMT+0000 (GMT)',\n            comparedResult: '800'\n        },\n        {\n            id: 3,\n            name: 'Opera',\n            ratio: 8,\n            time: 'Mon Dec 10 2018 07:46:05 GMT+0000 (GMT)',\n            comparedResult: '-200'\n        },\n        {\n            id: 2,\n            name: 'Firefox',\n            ratio: 19,\n            time: 'Mon Dec 10 2018 07:46:05 GMT+0000 (GMT)',\n            comparedResult: '100'\n        },\n        {\n            id: 4,\n            name: 'Internet Explorer',\n            ratio: 27,\n            time: 'Mon Dec 10 2018 07:46:05 GMT+0000 (GMT)',\n            comparedResult: '-450'\n        },\n    ],\n}\n","<template>\n  <div id=\"dev-component\">\n    Classroom Stat: {{ getClassroomId() }}\n    <component :is=\"'production'\" dev v-bind=\"{ devData }\" :classroomId=\"classroomId\" />\n\n    <!-- Examples -->\n    <div class=\"vx-row\">\n\n      <!-- Sale Stats -->\n      <!-- <div class=\"vx-col w-full lg:w-1/3 mb-base\">\n        <vx-card title=\"Sales Stats\" subtitle=\"Last 6 Months\">\n          <template slot=\"actions\">\n            <feather-icon icon=\"MoreVerticalIcon\" svgClasses=\"w-6 h-6 text-grey\"></feather-icon>\n          </template>\n          <div class=\"flex\">\n            <span class=\"flex items-center\"><div class=\"h-3 w-3 rounded-full mr-1 bg-primary\"></div><span>Sales</span></span>\n            <span class=\"flex items-center ml-4\"><div class=\"h-3 w-3 rounded-full mr-1 bg-success\"></div><span>Visits</span></span>\n          </div>\n          <div slot=\"no-body-bottom\">\n            <vue-apex-charts type=radar height=385 :options=\"analyticsData.statisticsRadar.chartOptions\" :series=\"salesRadar.series\" />\n          </div>\n        </vx-card>\n      </div> -->\n        \n      <!-- Activity Timeline -->\n      <!-- <div class=\"vx-col w-full lg:w-2/3 mb-base\">\n        <vx-card title=\"Activity Timeline\">\n          <vx-timeline :data=\"timelineData\" />\n        </vx-card>\n      </div> -->\n    </div>\n\n    <!-- Examples -->\n    <div class=\"vx-row\">\n        \n      <!-- Activity Timeline -->\n      <!-- <div class=\"vx-col w-full lg:w-full mb-base\">\n        <vx-card title=\"ช่วงเวลาการเข้าเรียนของนิสิต\">\n          <div class=\"pl-10 w-full\">          \n            <vue-apex-charts type=heatmap height=140 :options=\"heatmapSum.chartOptions\" :series=\"heatmapSum.series\" />\n          </div>\n          <div class=\"w-full\">\n            <vue-apex-charts type=heatmap height=500 :options=\"heatmap.chartOptions\" :series=\"heatmap.series\" />\n          </div>\n        </vx-card>\n      </div> -->\n    </div>\n  </div>\n</template>\n\n<script>\n// import Axios from \"@/developing/axios\";\n// import VueApexCharts from \"vue-apexcharts\";\n// import VxTimeline from \"@/components/timeline/VxTimeline\";\nimport { state } from \"./data\";\n\nimport analyticsData from \"@/developing/mocks/data/analytics.js\";\n\nimport _color from '@/assets/utils/color.js'\n\nconst maxLimitOfChart = 20;\nconst maxLimit = 100;\nconst division = 4;\n\nexport default {\n  components: {\n    Production: () => import(\"./index\"),\n    // VueApexCharts,\n    // VxTimeline\n  },\n  data() {\n    // function generateHeatmapOptions() {\n    //   return {\n    //     low: {\n    //       rangeFrom: 0,\n    //       rangeTo: 25,\n    //       name: \"Low\",\n    //       color: \"#CCCCCC\"\n    //     },\n    //   }\n    // }\n    // const heatmap = generateHeatmapOptions();\n    // const heatmapColorScale = {\n    //   from: heatmap.low.rangeFrom,\n    //   to: heatmap.low.rangeTo,\n    //   name: heatmap.low.name,\n    //   color: heatmap.low.color\n    // };\n\n    return {\n      mockClassRoomId: \"ckbnlg0knfpw20767zxyxp9l9\",\n      local: state,\n      devData: {\n        totalStudent: {\n          total: 100,\n          chartOptions: {\n            grid: {\n              show: false,\n              padding: {\n                left: 0,\n                right: 0\n              }\n            },\n            chart: {\n              toolbar: {\n                show: false,\n              },\n              sparkline: {\n                enabled: true\n              }\n            },\n            dataLabels: {\n              enabled: false\n            },\n            stroke: {\n              curve: 'smooth',\n              width: 2.5\n            },\n            fill: {\n              type: 'gradient',\n              gradient: {\n                shadeIntensity: 0.9,\n                opacityFrom: 0.5,\n                opacityTo: 0.2,\n                stops: [0, 80, 100]\n              }\n            },\n            xaxis: {\n              type: 'numeric',\n              lines: {\n                show: false,\n              },\n              axisBorder: {\n                show: false,\n              },\n              labels: { show: false }\n            },\n            yaxis: [{\n              y: 0,\n              offsetX: 0,\n              offsetY: 0,\n              padding: { left: 0, right: 0 },\n            }],\n            tooltip: {\n              enabled: false,\n              x: { show: false }\n            },\n            theme: {\n              monochrome: {\n                enabled: true,\n                color: getHex('warning'),\n                shadeTo: 'light',\n                shadeIntensity: 0.65\n              }\n            }\n          },\n          chartSeries: [\n            {\n              name: 'Subscribers',\n              data: [28, 40, 36, 52, 38, 60, 55]\n            }\n          ],\n        }\n      },\n      hideChart: false,\n      iconRight: true,\n      timelineData: [\n        {\n          color: \"primary\",\n          icon: \"PlusIcon\",\n          title: \"Client Meeting\",\n          desc: \"Bonbon macaroon jelly beans gummi bears jelly lollipop apple\",\n          time: \"25 mins Ago\"\n        },\n        {\n          color: \"warning\",\n          icon: \"MailIcon\",\n          title: \"Email Newsletter\",\n          desc: \"Cupcake gummi bears soufflé caramels candy\",\n          time: \"15 Days Ago\"\n        },\n        {\n          color: \"danger\",\n          icon: \"UsersIcon\",\n          title: \"Plan Webinar\",\n          desc: \"Candy ice cream cake. Halvah gummi bears\",\n          time: \"20 days ago\"\n        },\n        {\n          color: \"success\",\n          icon: \"LayoutIcon\",\n          title: \"Launch Website\",\n          desc: \"Candy ice cream cake. Halvah gummi bears Cupcake gummi bears soufflé caramels candy.\",\n          time: \"25 days ago\"\n        },\n        {\n          color: \"primary\",\n          icon: \"TvIcon\",\n          title: \"Marketing\",\n          desc: \"Candy ice cream cake. Halvah gummi bears Cupcake gummi bears.\",\n          time: \"28 days ago\"\n        }\n      ],\n      analyticsData,\n      salesRadar: {},\n      unitStats: {\n        series: [\n          {\n            name: '',\n            data: generateData(maxLimitOfChart, {\n              min: -999999,\n              max: -999999\n            })\n          },\n          {\n            name: 'X0001',\n            // data: [\n            //   {\n            //     x: \"1\",\n            //     y: \"1\"\n            //   }\n            // ],\n            data: generateData(maxLimitOfChart, {\n              min: 0,\n              max: 100\n            })\n          },\n        ],\n        chartOptions: {\n          title: {\n            text: 'HeatMap Chart with Color Range'\n          },\n          chart: {\n            height: 350,\n            type: 'heatmap',\n          },\n          plotOptions: {\n            heatmap: {\n              shadeIntensity: 0.5,\n              radius: 1,\n              useFillColorAsStroke: false,\n              colorScale: {\n                ranges: [\n                  {\n                    from: -1000000,\n                    to: -999999,\n                    name: 'hidden',\n                    color: '#ffffff'\n                  },\n                  {\n                    from: 1,\n                    to: maxLimit / division * 1,\n                    name: 'low',\n                    color: '#dddddd'\n                  },\n                  {\n                    from: 26,\n                    to: maxLimit / division * 2,\n                    name: 'medium',\n                    color: '#bbbbbb'\n                  },\n                  {\n                    from: 51,\n                    to: maxLimit / division * 3,\n                    name: 'high',\n                    color: '#aaaaaa'\n                  },\n                  {\n                    from: 76,\n                    to: maxLimit,\n                    name: 'very high',\n                    color: '#7367f0'\n                  }\n                ]\n              }\n            }\n          },\n          dataLabels: {\n            enabled: true\n          },\n          stroke: {\n            width: 2\n          },\n        },\n      },\n      heatmap: {\n        series: [\n          {\n            name: 'อาทิตย์ ',\n            data: generateData(24, {\n              min: 0,\n              max: 100\n            })\n          },\n          {\n            name: 'เสาร์ ',\n            data: generateData(24, {\n              min: 0,\n              max: 100\n            })\n          },\n          {\n            name: 'ศุกร์ ',\n            data: generateData(24, {\n              min: 0,\n              max: 100\n            })\n          },\n          {\n            name: 'พฤหัสฯ ',\n            data: generateData(24, {\n              min: 0,\n              max: 100\n            })\n          },\n          {\n            name: 'พุธ ',\n            data: generateData(24, {\n              min: 0,\n              max: 100\n            })\n          },\n          {\n            name: 'อังคาร ',\n            data: generateData(24, {\n              min: 0,\n              max: 100\n            })\n          },\n          {\n            name: 'จันทร์ ',\n            data: generateData(24, {\n              min: 0,\n              max: 100\n            })\n          },\n        ],\n        chartOptions: {\n          title: {\n            text: 'ข้อมูลรายสัปดาห์'\n          },\n          chart: {\n            height: 500,\n            type: 'heatmap',\n          },\n          plotOptions: {\n            heatmap: {\n              shadeIntensity: 0.8,\n              radius: 0,\n              useFillColorAsStroke: false,\n              colorScale: {\n                ranges: [\n                  {\n                    from: -10,\n                    to: 0,\n                    name: 'none',\n                    color: \"#999999\"\n                  },\n                  {\n                    from: 1,\n                    to: 50,\n                    name: 'low',\n                    color: getHex(\"warning\")\n                  },\n                  {\n                    from: 51,\n                    to: 100,\n                    name: 'high',\n                    color: getHex(\"success\")\n                  }\n                ]\n              }\n            }\n          },\n          dataLabels: {\n            enabled: false\n          },\n          stroke: {\n            width: 1\n          },\n        },\n      },\n      heatmapSum: {\n        series: [\n          {\n            name: '',\n            data: generateData(24, {\n              min: 0,\n              max: 55\n            })\n          }\n        ],\n        chartOptions: {\n          title: {\n            text: 'ข้อมูลรวม'\n          },\n          chart: {\n            height: 600,\n            type: 'heatmap',\n          },\n          plotOptions: {\n            heatmap: {\n              shadeIntensity: 0.9,\n              radius: 0,\n              useFillColorAsStroke: false,\n              colorScale: {\n                ranges: [\n                  {\n                    from: -10,\n                    to: 0,\n                    name: 'none',\n                    color: \"#999999\"\n                  },\n                  {\n                    from: 1,\n                    to: 50,\n                    name: 'low',\n                    color: getHex(\"warning\")\n                  },\n                  {\n                    from: 51,\n                    to: 100,\n                    name: 'high',\n                    color: getHex(\"success\")\n                  }\n                ]\n              }\n            }\n          },\n          dataLabels: {\n            enabled: false\n          },\n          stroke: {\n            width: 1\n          },\n        },\n      },\n      chart: {\n        chart: {\n          id: \"chart2\",\n          type: \"area\",\n          height: 350,\n          foreColor: \"#ccc\",\n          toolbar: {\n            autoSelected: \"pan\",\n            show: false\n          }\n        },\n        colors: [getHex(\"primary\"), \"#ddd\"],\n        stroke: {\n          width: 3,\n          curve: 'smooth'\n        },\n        grid: {\n          borderColor: \"#f9f9f9\",\n          clipMarkers: false,\n          yaxis: {\n            lines: {\n              show: true\n            }\n          },\n        },\n        dataLabels: {\n          enabled: true,\n          offsetY: -10,\n          background: {\n            enabled: false,\n          }\n        },\n        fill: {\n          gradient: {\n            enabled: true,\n            opacityFrom: 0.7,\n            opacityTo: 0\n          }\n        },\n        markers: {\n          size: 7,\n          colors: [\"#fff\"],\n          strokeColor: [getHex(\"primary\"), \"#ccc\"],\n          strokeWidth: 3\n        },\n        tooltip: {\n          // theme: \"dark\"\n          x: {\n            formatter: function (value) {\n              return \"หน่วยการเรียนที่ \" + value\n            }, \n          }\n        },\n        legend: {\n          show: true,\n        },\n        xaxis: {\n          type: \"category\",\n          labels: {\n            style: {\n              colors: [],\n              fontSize: '1rem',\n            },\n            offsetY: 2,\n          },\n          categories: [\n            \"ยังไม่เริ่มต้นเรียน\",\n            1, \n            2, \n            3, \n            4, \n            5, \n            6, \n            7, \n            8, \n            9, \n            10,\n            11,\n            12,\n            13,\n            14,\n            15\n          ]\n        },\n        yaxis: {\n          min: 0,\n          tickAmount: 4\n        }\n      },\n      chartSeries: [\n        {\n          name: 'ปัจจุบัน',\n          data: [0, 31, 40, 28, 51, 42, 109, 100, 24, 43, 12, 14, 53, 12]\n        },\n        {\n          name: 'ก่อนหน้า',\n          data: [100, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]\n        }\n      ]\n    }\n  },\n  props: {\n    classroomId: {\n      type: String,\n      default: null\n    }\n  },\n  methods: {\n    getClassroomId() {\n      if (this.classroomId) return this.classroomId;\n      else if (this.mockClassroomId) return this.mockClassroomId;\n    }\n  },\n  mounted() {\n    state.classroomId = this.getClassroomId();\n  }\n}\n\nfunction getHex(color) {\n  if (_color.isColor(color)) {\n    let rgb  = window.getComputedStyle(document.documentElement).getPropertyValue(`--vs-${color}`);\n    rgb = rgb.split(\",\");\n    return \"#\" + ((1 << 24) + (Number(rgb[0]) << 16) + (Number(rgb[1]) << 8) + Number(rgb[2])).toString(16).slice(1);\n  }\n  return color\n}\n\nfunction generateData(count, yrange) {\n  var i = 0;\n  var series = [];\n  while (i < count) {\n    // var x = (i + 1).toString();\n    const x = (i < 17 ? (i + 7).toString() : (i - 17).toString()) + \":00\" ;\n    var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;\n\n    series.push({\n      x: x,\n      y: y\n    });\n    i++;\n  }\n  return series;\n}\n</script>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./dev.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./dev.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./dev.vue?vue&type=template&id=e6939ae0&\"\nimport script from \"./dev.vue?vue&type=script&lang=js&\"\nexport * from \"./dev.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import _color from '@/assets/utils/color.js'\n\nexport function getHex(color) {\n  if (_color.isColor(color)) {\n    let rgb  = window.getComputedStyle(document.documentElement).getPropertyValue(`--vs-${color}`);\n    rgb = rgb.split(\",\");\n    return \"#\" + ((1 << 24) + (Number(rgb[0]) << 16) + (Number(rgb[1]) << 8) + Number(rgb[2])).toString(16).slice(1);\n  }\n  return color\n}\n","import Vue from 'vue';\nimport _store from '@/store';\nimport { getHex } from \"@/utils/color\";\n\nexport { _store as store };\n\n/*\n  // Shared Data Functions\n*/\n\nconst maxStudent = 500;\n\nexport const state = Vue.observable({\n  classroomId: null,\n  totalStudent: {\n    total: 0,\n    chartOptions: {\n      grid: {\n        show: false,\n        padding: {\n          left: 0,\n          right: 0\n        }\n      },\n      chart: {\n        toolbar: {\n          show: false,\n        },\n        sparkline: {\n          enabled: true\n        }\n      },\n      dataLabels: {\n        enabled: false\n      },\n      stroke: {\n        curve: 'smooth',\n        width: 2.5\n      },\n      fill: {\n        type: 'gradient',\n        gradient: {\n          shadeIntensity: 0.9,\n          opacityFrom: 0.5,\n          opacityTo: 0.2,\n          stops: [0, 80, 100]\n        }\n      },\n      xaxis: {\n        type: 'numeric',\n        lines: {\n          show: false,\n        },\n        axisBorder: {\n          show: false,\n        },\n        labels: { show: false }\n      },\n      yaxis: [{\n        y: 0,\n        offsetX: 0,\n        offsetY: 0,\n        padding: { left: 0, right: 0 },\n      }],\n      tooltip: {\n        enabled: false,\n        x: { show: false }\n      },\n      theme: {\n        monochrome: {\n          enabled: true,\n          color: getHex('warning'),\n          shadeTo: 'light',\n          shadeIntensity: 0.65\n        }\n      }\n    },\n    chartSeries: [\n      {\n        name: '',\n        data: [28, 40, 36, 52, 38, 60, 55]\n      }\n    ],\n  },\n  studentInEachUnitSeries: {\n    options: {\n      chartOptions: {\n        chart: {\n          id: \"chart2\",\n          type: \"area\",\n          height: 350,\n          foreColor: \"#ccc\",\n          toolbar: {\n            autoSelected: \"pan\",\n            show: false\n          }\n        },\n        colors: [getHex(\"primary\"), \"#ddd\"],\n        stroke: {\n          width: 3,\n          curve: 'smooth'\n        },\n        grid: {\n          borderColor: \"#f9f9f9\",\n          clipMarkers: false,\n          yaxis: {\n            lines: {\n              show: true\n            }\n          },\n        },\n        dataLabels: {\n          enabled: true,\n          offsetY: -10,\n          background: {\n            enabled: false,\n          }\n        },\n        fill: {\n          gradient: {\n            enabled: true,\n            opacityFrom: 0.7,\n            opacityTo: 0\n          }\n        },\n        markers: {\n          size: 7,\n          colors: [\"#fff\"],\n          strokeColor: [getHex(\"primary\"), \"#ccc\"],\n          strokeWidth: 3\n        },\n        tooltip: {\n          // theme: \"dark\"\n          x: {\n            formatter: function (value) {\n              return \"หน่วยการเรียนที่ \" + value\n            }, \n          }\n        },\n        legend: {\n          show: true,\n        },\n        xaxis: {\n          type: \"category\",\n          labels: {\n            style: {\n              colors: [],\n              fontSize: '1rem',\n            },\n            offsetY: 2,\n          },\n          categories: [\n            \"ยังไม่เริ่มต้นเรียน\",\n            1, \n            2, \n            3, \n            4, \n            5, \n            6, \n            7, \n            8, \n            9, \n            10,\n            11,\n            12,\n            13,\n            14,\n            15\n          ]\n        },\n        yaxis: {\n          min: 0,\n          tickAmount: 4\n        }\n      }\n    },\n    series: []\n  },\n  studentAccessHeatmap: {\n    options: {\n      chartOptions: {\n        byweek: {\n          title: {\n            text: 'ข้อมูลรายสัปดาห์'\n          },\n          chart: {\n            height: 500,\n            type: 'heatmap',\n          },\n          plotOptions: {\n            heatmap: {\n              shadeIntensity: 0.8,\n              radius: 0,\n              useFillColorAsStroke: false,\n              // colorScale: {\n              //   ranges: [\n              //     {\n              //       from: -10,\n              //       to: 0,\n              //       name: 'none',\n              //       color: \"#999999\"\n              //     },\n              //     {\n              //       from: 1,\n              //       to: 50,\n              //       name: 'low',\n              //       color: getHex(\"warning\")\n              //     },\n              //     {\n              //       from: 51,\n              //       to: 100,\n              //       name: 'high',\n              //       color: getHex(\"success\")\n              //     }\n              //   ]\n              // }\n            }\n          },\n          dataLabels: {\n            enabled: true\n          },\n          legend: {\n            show: true,\n          },\n          stroke: {\n            width: 1\n          },\n        },\n        summary: {\n          title: {\n            text: 'ข้อมูลรวม'\n          },\n          chart: {\n            height: 600,\n            type: 'heatmap',\n          },\n          plotOptions: {\n            heatmap: {\n              shadeIntensity: 0.7,\n              radius: 0,\n              useFillColorAsStroke: true,\n              colorScale: {\n                ranges: [\n                  {\n                    from: -10,\n                    to: 0,\n                    name: 'none',\n                    color: \"#999999\"\n                  },\n                  /* {\n                    from: 1,\n                    to: maxStudent / 2,\n                    name: 'low',\n                    color: getHex(\"warning\")\n                  },\n                  {\n                    from: (maxStudent / 2) + 1,\n                    to: maxStudent,\n                    name: 'high',\n                    color: getHex(\"success\")\n                  }, */\n                  {\n                    from: 1,\n                    to: (maxStudent - (maxStudent / 4)),\n                    name: '',\n                    color: getHex(\"warning\")\n                  },\n                  {\n                    from: (maxStudent / 4) + 1,\n                    to: (maxStudent / 4) * 3,\n                    name: 'Low',\n                    color: '#a7e8c4'\n                  },\n                  {\n                    from: ((maxStudent / 4) * 3) + 1,\n                    to: maxStudent,\n                    name: 'High',\n                    // color: getHex(\"success\")\n                    color: '#0b6c36',\n                  },\n                  {\n                    from: maxStudent + 1,\n                    to: maxStudent + 999,\n                    name: 'Exceed',\n                    color: getHex(\"danger\")\n                  },\n                ]\n              }\n            }\n          },\n          dataLabels: {\n            enabled: true\n          },\n          legend: {\n            show: true,\n          },\n          stroke: {\n            width: 1\n          },\n        }\n      },\n    },\n    series: []\n  }\n});\n\nexport const template = {};\n\n\n/*\n  // Shared Data Functions\n*/\n\n\n/*\n  // Private Data Functions\n*/\n\n"],"sourceRoot":""}