{"version":3,"sources":["webpack:///./src/views/charts-and-maps/charts/apex-charts/ApexCharts.vue?a7a4","webpack:///./src/views/charts-and-maps/charts/apex-charts/apexChartData.js","webpack:///src/views/charts-and-maps/charts/apex-charts/ApexCharts.vue","webpack:///./src/views/charts-and-maps/charts/apex-charts/ApexCharts.vue?1955","webpack:///./src/views/charts-and-maps/charts/apex-charts/ApexCharts.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","_m","staticClass","apexChatData","lineChartSimple","chartOptions","series","slot","_v","_s","lineChartSimpleCode","lineAreaChartSpline","lineAreaChartSplineCode","columnChart","columnChartCode","barChart","barChartCode","mixedChart","mixedChartCode","candlestickChart","candlestickChartCode","bubbleChart","bubbleChartCode","scatterChart","scatterChartCode","heatMapChart","heatMapChartCode","pieChart","pieChartCode","donutChart","donutChartCode","radialBarChart","radialBarChartCode","radarChart","radarChartCode","staticRenderFns","generateData","baseval","count","yrange","i","y","Math","floor","random","max","min","z","push","generateDataHeatMap","x","toString","themeColors","name","data","chart","height","zoom","enabled","colors","dataLabels","stroke","curve","title","text","align","grid","row","opacity","xaxis","categories","type","tooltip","format","plotOptions","bar","horizontal","endingShape","columnWidth","show","width","yaxis","fill","formatter","val","stacked","gradient","inverseColors","shade","opacityFrom","opacityTo","stops","labels","markers","size","shared","intersect","toFixed","Date","getTime","tickAmount","rotate","theme","palette","responsive","breakpoint","options","legend","position","radialBar","fontSize","value","total","label","components","VueApexCharts","component"],"mappings":"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","file":"js/chunk-2d21eb79.2b08c091.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"extra-component-chartist-demo\"}},[_vm._m(0),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col md:w-1/2 w-full mb-base\"},[_c('vx-card',{attrs:{\"title\":\"Line Chart\",\"code-toggler\":\"\"}},[_c('vue-apex-charts',{attrs:{\"type\":\"line\",\"height\":\"350\",\"options\":_vm.apexChatData.lineChartSimple.chartOptions,\"series\":_vm.apexChatData.lineChartSimple.series}}),_c('template',{slot:\"codeContainer\"},[_vm._v(_vm._s(_vm.apexChatData.lineChartSimpleCode))])],2)],1),_c('div',{staticClass:\"vx-col md:w-1/2 w-full mb-base\"},[_c('vx-card',{attrs:{\"title\":\"Line Area Chart\",\"code-toggler\":\"\"}},[_c('vue-apex-charts',{attrs:{\"type\":\"area\",\"height\":\"350\",\"options\":_vm.apexChatData.lineAreaChartSpline.chartOptions,\"series\":_vm.apexChatData.lineAreaChartSpline.series}}),_c('template',{slot:\"codeContainer\"},[_vm._v(_vm._s(_vm.apexChatData.lineAreaChartSplineCode))])],2)],1),_c('div',{staticClass:\"vx-col md:w-1/2 w-full mb-base\"},[_c('vx-card',{attrs:{\"title\":\"Column Chart\",\"code-toggler\":\"\"}},[_c('vue-apex-charts',{attrs:{\"type\":\"bar\",\"height\":\"350\",\"options\":_vm.apexChatData.columnChart.chartOptions,\"series\":_vm.apexChatData.columnChart.series}}),_c('template',{slot:\"codeContainer\"},[_vm._v(_vm._s(_vm.apexChatData.columnChartCode))])],2)],1),_c('div',{staticClass:\"vx-col md:w-1/2 w-full mb-base\"},[_c('vx-card',{attrs:{\"title\":\"Bar Chart\",\"code-toggler\":\"\"}},[_c('vue-apex-charts',{attrs:{\"type\":\"bar\",\"height\":\"350\",\"options\":_vm.apexChatData.barChart.chartOptions,\"series\":_vm.apexChatData.barChart.series}}),_c('template',{slot:\"codeContainer\"},[_vm._v(_vm._s(_vm.apexChatData.barChartCode))])],2)],1),_c('div',{staticClass:\"vx-col w-full mb-base\"},[_c('vx-card',{attrs:{\"title\":\"Mixed Chart\",\"code-toggler\":\"\"}},[_c('vue-apex-charts',{attrs:{\"type\":\"line\",\"height\":\"350\",\"options\":_vm.apexChatData.mixedChart.chartOptions,\"series\":_vm.apexChatData.mixedChart.series}}),_c('template',{slot:\"codeContainer\"},[_vm._v(_vm._s(_vm.apexChatData.mixedChartCode))])],2)],1),_c('div',{staticClass:\"vx-col w-full mb-base\"},[_c('vx-card',{attrs:{\"title\":\"Candlestick Chart\",\"code-toggler\":\"\"}},[_c('vue-apex-charts',{attrs:{\"type\":\"candlestick\",\"height\":\"350\",\"options\":_vm.apexChatData.candlestickChart.chartOptions,\"series\":_vm.apexChatData.candlestickChart.series}}),_c('template',{slot:\"codeContainer\"},[_vm._v(_vm._s(_vm.apexChatData.candlestickChartCode))])],2)],1),_c('div',{staticClass:\"vx-col md:w-1/2 w-full mb-base\"},[_c('vx-card',{attrs:{\"title\":\"3D Bubble Chart\",\"code-toggler\":\"\"}},[_c('vue-apex-charts',{attrs:{\"type\":\"bubble\",\"height\":\"350\",\"options\":_vm.apexChatData.bubbleChart.chartOptions,\"series\":_vm.apexChatData.bubbleChart.series}}),_c('template',{slot:\"codeContainer\"},[_vm._v(_vm._s(_vm.apexChatData.bubbleChartCode))])],2)],1),_c('div',{staticClass:\"vx-col md:w-1/2 w-full mb-base\"},[_c('vx-card',{attrs:{\"title\":\"Scatter Chart\",\"code-toggler\":\"\"}},[_c('vue-apex-charts',{attrs:{\"type\":\"scatter\",\"height\":\"350\",\"options\":_vm.apexChatData.scatterChart.chartOptions,\"series\":_vm.apexChatData.scatterChart.series}}),_c('template',{slot:\"codeContainer\"},[_vm._v(_vm._s(_vm.apexChatData.scatterChartCode))])],2)],1),_c('div',{staticClass:\"vx-col w-full mb-base\"},[_c('vx-card',{attrs:{\"title\":\"Heat Map Chart\",\"code-toggler\":\"\"}},[_c('vue-apex-charts',{attrs:{\"type\":\"heatmap\",\"height\":\"450\",\"options\":_vm.apexChatData.heatMapChart.chartOptions,\"series\":_vm.apexChatData.heatMapChart.series}}),_c('template',{slot:\"codeContainer\"},[_vm._v(_vm._s(_vm.apexChatData.heatMapChartCode))])],2)],1),_c('div',{staticClass:\"vx-col md:w-1/2 w-full mb-base\"},[_c('vx-card',{attrs:{\"title\":\"Pie Chart\",\"code-toggler\":\"\"}},[_c('vue-apex-charts',{attrs:{\"type\":\"pie\",\"height\":\"350\",\"options\":_vm.apexChatData.pieChart.chartOptions,\"series\":_vm.apexChatData.pieChart.series}}),_c('template',{slot:\"codeContainer\"},[_vm._v(_vm._s(_vm.apexChatData.pieChartCode))])],2)],1),_c('div',{staticClass:\"vx-col md:w-1/2 w-full mb-base\"},[_c('vx-card',{attrs:{\"title\":\"Donut Chart\",\"code-toggler\":\"\"}},[_c('vue-apex-charts',{attrs:{\"type\":\"donut\",\"height\":\"350\",\"options\":_vm.apexChatData.donutChart.chartOptions,\"series\":_vm.apexChatData.donutChart.series}}),_c('template',{slot:\"codeContainer\"},[_vm._v(_vm._s(_vm.apexChatData.donutChartCode))])],2)],1),_c('div',{staticClass:\"vx-col md:w-1/2 w-full\"},[_c('vx-card',{attrs:{\"title\":\"Radial Bar Chart\",\"code-toggler\":\"\"}},[_c('vue-apex-charts',{attrs:{\"type\":\"radialBar\",\"height\":\"350\",\"options\":_vm.apexChatData.radialBarChart.chartOptions,\"series\":_vm.apexChatData.radialBarChart.series}}),_c('template',{slot:\"codeContainer\"},[_vm._v(_vm._s(_vm.apexChatData.radialBarChartCode))])],2)],1),_c('div',{staticClass:\"vx-col md:w-1/2 w-full\"},[_c('vx-card',{attrs:{\"title\":\"Radar Chart\",\"code-toggler\":\"\"}},[_c('vue-apex-charts',{attrs:{\"type\":\"radar\",\"height\":\"350\",\"options\":_vm.apexChatData.radarChart.chartOptions,\"series\":_vm.apexChatData.radarChart.series}}),_c('template',{slot:\"codeContainer\"},[_vm._v(_vm._s(_vm.apexChatData.radarChartCode))])],2)],1)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',{staticClass:\"mb-4\"},[_vm._v(\"\\n    A Vue.js component for ApexCharts. Read full documnetation\\n    \"),_c('a',{attrs:{\"href\":\"https://apexcharts.com/docs/installation/\",\"target\":\"_blank\",\"rel\":\"nofollow\"}},[_vm._v(\"here\")])])}]\n\nexport { render, staticRenderFns }","/*=========================================================================================\r\n    File Name: apexChartData.vue\r\n    Description: Data shown by charts\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n==========================================================================================*/\r\n\r\n\r\nfunction generateData(baseval, count, yrange) {\r\n    var i = 0;\r\n    var series = [];\r\n    while (i < count) {\r\n        //var x =Math.floor(Math.random() * (750 - 1 + 1)) + 1;;\r\n        var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;\r\n        var z = Math.floor(Math.random() * (75 - 15 + 1)) + 15;\r\n\r\n        series.push([baseval, y, z]);\r\n        baseval += 86400000;\r\n        i++;\r\n    }\r\n    return series;\r\n}\r\n\r\nfunction generateDataHeatMap(count, yrange) {\r\n    var i = 0;\r\n    var series = [];\r\n    while (i < count) {\r\n        var x = 'w' + (i + 1).toString();\r\n        var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;\r\n\r\n        series.push({\r\n            x: x,\r\n            y: y\r\n        });\r\n        i++;\r\n    }\r\n    return series;\r\n}\r\n\r\nconst themeColors = ['#7367F0', '#28C76F', '#EA5455', '#FF9F43', '#1E1E1E']\r\n\r\nexport default {\r\n    lineChartSimple: {\r\n        series: [{\r\n            name: \"Desktops\",\r\n            data: [10, 41, 35, 51, 49, 62, 69, 91, 148]\r\n        }],\r\n        chartOptions: {\r\n            chart: {\r\n                height: 350,\r\n                zoom: {\r\n                    enabled: false\r\n                }\r\n            },\r\n            colors: themeColors,\r\n            dataLabels: {\r\n                enabled: false\r\n            },\r\n            stroke: {\r\n                curve: 'straight'\r\n            },\r\n            title: {\r\n                text: 'Product Trends by Month',\r\n                align: 'left'\r\n            },\r\n            grid: {\r\n                row: {\r\n                    colors: ['#f3f3f3', 'transparent'], // takes an array which will be repeated on columns\r\n                    opacity: 0.5\r\n                },\r\n            },\r\n            xaxis: {\r\n                categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep'],\r\n            }\r\n        }\r\n    },\r\n    lineChartSimpleCode:\r\n`<template>\r\n  <vue-apex-charts type=\"line\" height=\"350\" :options=\"lineChartSimple.chartOptions\" :series=\"lineChartSimple.series\"></vue-apex-charts>\r\n</template>\r\n\r\n<script>\r\n  data() {\r\n    return {\r\n      themeColors: ['#7367F0', '#28C76F', '#EA5455', '#FF9F43', '#1E1E1E']\r\n      lineChartSimple: {\r\n        series: [{\r\n          name: \"Desktops\",\r\n          data: [10, 41, 35, 51, 49, 62, 69, 91, 148]\r\n        }],\r\n        chartOptions: {\r\n          chart: {\r\n            height: 350,\r\n            zoom: {\r\n              enabled: false\r\n            }\r\n          },\r\n          colors: themeColors,\r\n          dataLabels: {\r\n            enabled: false\r\n          },\r\n          stroke: {\r\n            curve: 'straight'\r\n          },\r\n          title: {\r\n            text: 'Product Trends by Month',\r\n            align: 'left'\r\n          },\r\n          grid: {\r\n            row: {\r\n              colors: ['#f3f3f3', 'transparent'], // takes an array which will be repeated on columns\r\n              opacity: 0.5\r\n            },\r\n          },\r\n          xaxis: {\r\n            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep'],\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n</script>`,\r\n    lineAreaChartSpline: {\r\n        series: [{\r\n                name: 'series1',\r\n                data: [31, 40, 28, 51, 42, 109, 100]\r\n            }, {\r\n                name: 'series2',\r\n                data: [11, 32, 45, 32, 34, 52, 41]\r\n        }],\r\n        chartOptions: {\r\n            dataLabels: {\r\n                enabled: false\r\n            },\r\n            stroke: {\r\n                curve: 'smooth'\r\n            },\r\n            colors: themeColors,\r\n            xaxis: {\r\n                type: 'datetime',\r\n                categories: [\"2018-09-19T00:00:00\", \"2018-09-19T01:30:00\", \"2018-09-19T02:30:00\",\r\n                    \"2018-09-19T03:30:00\", \"2018-09-19T04:30:00\", \"2018-09-19T05:30:00\",\r\n                    \"2018-09-19T06:30:00\"\r\n                ],\r\n            },\r\n            tooltip: {\r\n                x: {\r\n                    format: 'dd/MM/yy HH:mm'\r\n                },\r\n\r\n            }\r\n        }\r\n    },\r\n    lineAreaChartSplineCode:\r\n`<template>\r\n  <vue-apex-charts type=\"area\" height=\"350\" :options=\"lineAreaChartSpline.chartOptions\" :series=\"lineAreaChartSpline.series\"></vue-apex-charts>\r\n</template>\r\n\r\n<script>\r\n  data() {\r\n    return {\r\n      themeColors: ['#7367F0', '#28C76F', '#EA5455', '#FF9F43', '#1E1E1E']\r\n      lineAreaChartSpline: {\r\n        series: [{\r\n            name: 'series1',\r\n            data: [31, 40, 28, 51, 42, 109, 100]\r\n          }, {\r\n            name: 'series2',\r\n            data: [11, 32, 45, 32, 34, 52, 41]\r\n        }],\r\n        chartOptions: {\r\n          dataLabels: {\r\n            enabled: false\r\n          },\r\n          stroke: {\r\n            curve: 'smooth'\r\n          },\r\n          colors: themeColors,\r\n          xaxis: {\r\n            type: 'datetime',\r\n            categories: [\"2018-09-19T00:00:00\", \"2018-09-19T01:30:00\", \"2018-09-19T02:30:00\",\r\n              \"2018-09-19T03:30:00\", \"2018-09-19T04:30:00\", \"2018-09-19T05:30:00\",\r\n              \"2018-09-19T06:30:00\"\r\n            ],\r\n          },\r\n          tooltip: {\r\n            x: {\r\n              format: 'dd/MM/yy HH:mm'\r\n            },\r\n\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n</script>`,\r\n    columnChart: {\r\n        series: [{\r\n                name: 'Net Profit',\r\n                data: [44, 55, 57, 56, 61, 58, 63, 60, 66]\r\n            }, {\r\n                name: 'Revenue',\r\n                data: [76, 85, 101, 98, 87, 105, 91, 114, 94]\r\n            }, {\r\n                name: 'Free Cash Flow',\r\n                data: [35, 41, 36, 26, 45, 48, 52, 53, 41]\r\n        }],\r\n        chartOptions: {\r\n            colors: themeColors,\r\n            plotOptions: {\r\n                bar: {\r\n                    horizontal: false,\r\n                    endingShape: 'rounded',\r\n                    columnWidth: '55%',\r\n                },\r\n            },\r\n            dataLabels: {\r\n                enabled: false\r\n            },\r\n            stroke: {\r\n                show: true,\r\n                width: 2,\r\n                colors: ['transparent']\r\n            },\r\n\r\n            xaxis: {\r\n                categories: ['Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct'],\r\n            },\r\n            yaxis: {\r\n                title: {\r\n                    text: '$ (thousands)'\r\n                }\r\n            },\r\n            fill: {\r\n                opacity: 1\r\n\r\n            },\r\n            tooltip: {\r\n                y: {\r\n                    formatter: function(val) {\r\n                        return \"$ \" + val + \" thousands\"\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    },\r\n    columnChartCode:\r\n`<template>\r\n  <vue-apex-charts type=\"bar\" height=\"350\" :options=\"columnChart.chartOptions\" :series=\"columnChart.series\"></vue-apex-charts>\r\n</template>\r\n\r\n<script>\r\n  data() {\r\n    return {\r\n      themeColors: ['#7367F0', '#28C76F', '#EA5455', '#FF9F43', '#1E1E1E']\r\n      columnChart: {\r\n        series: [{\r\n            name: 'Net Profit',\r\n            data: [44, 55, 57, 56, 61, 58, 63, 60, 66]\r\n          }, {\r\n            name: 'Revenue',\r\n            data: [76, 85, 101, 98, 87, 105, 91, 114, 94]\r\n          }, {\r\n            name: 'Free Cash Flow',\r\n            data: [35, 41, 36, 26, 45, 48, 52, 53, 41]\r\n        }],\r\n        chartOptions: {\r\n          colors: themeColors,\r\n          plotOptions: {\r\n            bar: {\r\n              horizontal: false,\r\n              endingShape: 'rounded',\r\n              columnWidth: '55%',\r\n            },\r\n          },\r\n          dataLabels: {\r\n            enabled: false\r\n          },\r\n          stroke: {\r\n            show: true,\r\n            width: 2,\r\n            colors: ['transparent']\r\n          },\r\n\r\n          xaxis: {\r\n            categories: ['Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct'],\r\n          },\r\n          yaxis: {\r\n            title: {\r\n              text: '$ (thousands)'\r\n            }\r\n          },\r\n          fill: {\r\n            opacity: 1\r\n\r\n          },\r\n          tooltip: {\r\n            y: {\r\n              formatter: function(val) {\r\n                return \"$ \" + val + \" thousands\"\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n</script>`,\r\n    barChart: {\r\n        series: [{\r\n                data: [400, 430, 448, 470, 540, 580, 690, 1100, 1200, 1380]\r\n        }],\r\n        chartOptions: {\r\n            colors: themeColors,\r\n            plotOptions: {\r\n                bar: {\r\n                    horizontal: true,\r\n                }\r\n            },\r\n            dataLabels: {\r\n                enabled: false\r\n            },\r\n            xaxis: {\r\n                categories: ['South Korea', 'Canada', 'United Kingdom', 'Netherlands', 'Italy', 'France', 'Japan',\r\n                    'United States', 'China', 'Germany'\r\n                ],\r\n            }\r\n        }\r\n    },\r\n    barChartCode:\r\n`<template>\r\n  <vue-apex-charts type=\"bar\" height=\"350\" :options=\"barChart.chartOptions\" :series=\"barChart.series\"></vue-apex-charts>\r\n</template>\r\n\r\n<script>\r\n  data() {\r\n    return {\r\n      themeColors: ['#7367F0', '#28C76F', '#EA5455', '#FF9F43', '#1E1E1E']\r\n      barChart: {\r\n        series: [{\r\n            data: [400, 430, 448, 470, 540, 580, 690, 1100, 1200, 1380]\r\n        }],\r\n        chartOptions: {\r\n          colors: themeColors,\r\n          plotOptions: {\r\n            bar: {\r\n              horizontal: true,\r\n            }\r\n          },\r\n          dataLabels: {\r\n            enabled: false\r\n          },\r\n          xaxis: {\r\n            categories: ['South Korea', 'Canada', 'United Kingdom', 'Netherlands', 'Italy', 'France', 'Japan',\r\n              'United States', 'China', 'Germany'\r\n            ],\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n</script>`,\r\n    mixedChart: {\r\n        series: [{\r\n                name: 'TEAM A',\r\n                type: 'column',\r\n                data: [23, 11, 22, 27, 13, 22, 37, 21, 44, 22, 30]\r\n            }, {\r\n                name: 'TEAM B',\r\n                type: 'area',\r\n                data: [44, 55, 41, 67, 22, 43, 21, 41, 56, 27, 43]\r\n            }, {\r\n                name: 'TEAM C',\r\n                type: 'line',\r\n                data: [30, 25, 36, 30, 45, 35, 64, 52, 59, 36, 39]\r\n        }],\r\n        chartOptions: {\r\n            colors: themeColors,\r\n            chart: {\r\n                stacked: false,\r\n            },\r\n            stroke: {\r\n                width: [0, 2, 5],\r\n                curve: 'smooth'\r\n            },\r\n            plotOptions: {\r\n                bar: {\r\n                    columnWidth: '50%'\r\n                }\r\n            },\r\n\r\n            fill: {\r\n                opacity: [0.85, 0.25, 1],\r\n                gradient: {\r\n                    inverseColors: false,\r\n                    shade: 'light',\r\n                    type: \"vertical\",\r\n                    opacityFrom: 0.85,\r\n                    opacityTo: 0.55,\r\n                    stops: [0, 100, 100, 100]\r\n                }\r\n            },\r\n            labels: ['01/01/2003', '02/01/2003', '03/01/2003', '04/01/2003', '05/01/2003', '06/01/2003', '07/01/2003',\r\n                '08/01/2003', '09/01/2003', '10/01/2003', '11/01/2003'\r\n            ],\r\n            markers: {\r\n                size: 0\r\n            },\r\n            xaxis: {\r\n                type: 'datetime'\r\n            },\r\n            yaxis: {\r\n                title: {\r\n                    text: 'Points',\r\n                },\r\n                min: 0\r\n            },\r\n            tooltip: {\r\n                shared: true,\r\n                intersect: false,\r\n                y: {\r\n                    formatter: function(y) {\r\n                        if (typeof y !== \"undefined\") {\r\n                            return y.toFixed(0) + \" points\";\r\n                        }\r\n                        return y;\r\n\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    },\r\n    mixedChartCode:\r\n`<template>\r\n  <vue-apex-charts type=\"line\" height=\"350\" :options=\"mixedChart.chartOptions\" :series=\"mixedChart.series\"></vue-apex-charts>\r\n</template>\r\n\r\n<script>\r\n  data() {\r\n    return {\r\n      themeColors: ['#7367F0', '#28C76F', '#EA5455', '#FF9F43', '#1E1E1E']\r\n      mixedChart: {\r\n        series: [{\r\n            name: 'TEAM A',\r\n            type: 'column',\r\n            data: [23, 11, 22, 27, 13, 22, 37, 21, 44, 22, 30]\r\n          }, {\r\n            name: 'TEAM B',\r\n            type: 'area',\r\n            data: [44, 55, 41, 67, 22, 43, 21, 41, 56, 27, 43]\r\n          }, {\r\n            name: 'TEAM C',\r\n            type: 'line',\r\n            data: [30, 25, 36, 30, 45, 35, 64, 52, 59, 36, 39]\r\n        }],\r\n        chartOptions: {\r\n          colors: themeColors,\r\n          chart: {\r\n            stacked: false,\r\n          },\r\n          stroke: {\r\n            width: [0, 2, 5],\r\n            curve: 'smooth'\r\n          },\r\n          plotOptions: {\r\n            bar: {\r\n              columnWidth: '50%'\r\n            }\r\n          },\r\n\r\n          fill: {\r\n            opacity: [0.85, 0.25, 1],\r\n            gradient: {\r\n              inverseColors: false,\r\n              shade: 'light',\r\n              type: \"vertical\",\r\n              opacityFrom: 0.85,\r\n              opacityTo: 0.55,\r\n              stops: [0, 100, 100, 100]\r\n            }\r\n          },\r\n          labels: ['01/01/2003', '02/01/2003', '03/01/2003', '04/01/2003', '05/01/2003', '06/01/2003', '07/01/2003',\r\n            '08/01/2003', '09/01/2003', '10/01/2003', '11/01/2003'\r\n          ],\r\n          markers: {\r\n            size: 0\r\n          },\r\n          xaxis: {\r\n            type: 'datetime'\r\n          },\r\n          yaxis: {\r\n            title: {\r\n              text: 'Points',\r\n            },\r\n            min: 0\r\n          },\r\n          tooltip: {\r\n            shared: true,\r\n            intersect: false,\r\n            y: {\r\n              formatter: function(y) {\r\n                if (typeof y !== \"undefined\") {\r\n                  return y.toFixed(0) + \" points\";\r\n                }\r\n                return y;\r\n\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n</script>`,\r\n    candlestickChart: {\r\n        series: [{\r\n            data: [{\r\n                    x: new Date(1538778600000),\r\n                    y: [6629.81, 6650.5, 6623.04, 6633.33]\r\n                },\r\n                {\r\n                    x: new Date(1538780400000),\r\n                    y: [6632.01, 6643.59, 6620, 6630.11]\r\n                },\r\n                {\r\n                    x: new Date(1538782200000),\r\n                    y: [6630.71, 6648.95, 6623.34, 6635.65]\r\n                },\r\n                {\r\n                    x: new Date(1538784000000),\r\n                    y: [6635.65, 6651, 6629.67, 6638.24]\r\n                },\r\n                {\r\n                    x: new Date(1538785800000),\r\n                    y: [6638.24, 6640, 6620, 6624.47]\r\n                },\r\n                {\r\n                    x: new Date(1538787600000),\r\n                    y: [6624.53, 6636.03, 6621.68, 6624.31]\r\n                },\r\n                {\r\n                    x: new Date(1538789400000),\r\n                    y: [6624.61, 6632.2, 6617, 6626.02]\r\n                },\r\n                {\r\n                    x: new Date(1538791200000),\r\n                    y: [6627, 6627.62, 6584.22, 6603.02]\r\n                },\r\n                {\r\n                    x: new Date(1538793000000),\r\n                    y: [6605, 6608.03, 6598.95, 6604.01]\r\n                },\r\n                {\r\n                    x: new Date(1538794800000),\r\n                    y: [6604.5, 6614.4, 6602.26, 6608.02]\r\n                },\r\n                {\r\n                    x: new Date(1538796600000),\r\n                    y: [6608.02, 6610.68, 6601.99, 6608.91]\r\n                },\r\n                {\r\n                    x: new Date(1538798400000),\r\n                    y: [6608.91, 6618.99, 6608.01, 6612]\r\n                },\r\n                {\r\n                    x: new Date(1538800200000),\r\n                    y: [6612, 6615.13, 6605.09, 6612]\r\n                },\r\n                {\r\n                    x: new Date(1538802000000),\r\n                    y: [6612, 6624.12, 6608.43, 6622.95]\r\n                },\r\n                {\r\n                    x: new Date(1538803800000),\r\n                    y: [6623.91, 6623.91, 6615, 6615.67]\r\n                },\r\n                {\r\n                    x: new Date(1538805600000),\r\n                    y: [6618.69, 6618.74, 6610, 6610.4]\r\n                },\r\n                {\r\n                    x: new Date(1538807400000),\r\n                    y: [6611, 6622.78, 6610.4, 6614.9]\r\n                },\r\n                {\r\n                    x: new Date(1538809200000),\r\n                    y: [6614.9, 6626.2, 6613.33, 6623.45]\r\n                },\r\n                {\r\n                    x: new Date(1538811000000),\r\n                    y: [6623.48, 6627, 6618.38, 6620.35]\r\n                },\r\n                {\r\n                    x: new Date(1538812800000),\r\n                    y: [6619.43, 6620.35, 6610.05, 6615.53]\r\n                },\r\n                {\r\n                    x: new Date(1538814600000),\r\n                    y: [6615.53, 6617.93, 6610, 6615.19]\r\n                },\r\n                {\r\n                    x: new Date(1538816400000),\r\n                    y: [6615.19, 6621.6, 6608.2, 6620]\r\n                },\r\n                {\r\n                    x: new Date(1538818200000),\r\n                    y: [6619.54, 6625.17, 6614.15, 6620]\r\n                },\r\n                {\r\n                    x: new Date(1538820000000),\r\n                    y: [6620.33, 6634.15, 6617.24, 6624.61]\r\n                },\r\n                {\r\n                    x: new Date(1538821800000),\r\n                    y: [6625.95, 6626, 6611.66, 6617.58]\r\n                },\r\n                {\r\n                    x: new Date(1538823600000),\r\n                    y: [6619, 6625.97, 6595.27, 6598.86]\r\n                },\r\n                {\r\n                    x: new Date(1538825400000),\r\n                    y: [6598.86, 6598.88, 6570, 6587.16]\r\n                },\r\n                {\r\n                    x: new Date(1538827200000),\r\n                    y: [6588.86, 6600, 6580, 6593.4]\r\n                },\r\n                {\r\n                    x: new Date(1538829000000),\r\n                    y: [6593.99, 6598.89, 6585, 6587.81]\r\n                },\r\n                {\r\n                    x: new Date(1538830800000),\r\n                    y: [6587.81, 6592.73, 6567.14, 6578]\r\n                },\r\n                {\r\n                    x: new Date(1538832600000),\r\n                    y: [6578.35, 6581.72, 6567.39, 6579]\r\n                },\r\n                {\r\n                    x: new Date(1538834400000),\r\n                    y: [6579.38, 6580.92, 6566.77, 6575.96]\r\n                },\r\n                {\r\n                    x: new Date(1538836200000),\r\n                    y: [6575.96, 6589, 6571.77, 6588.92]\r\n                },\r\n                {\r\n                    x: new Date(1538838000000),\r\n                    y: [6588.92, 6594, 6577.55, 6589.22]\r\n                },\r\n                {\r\n                    x: new Date(1538839800000),\r\n                    y: [6589.3, 6598.89, 6589.1, 6596.08]\r\n                },\r\n                {\r\n                    x: new Date(1538841600000),\r\n                    y: [6597.5, 6600, 6588.39, 6596.25]\r\n                },\r\n                {\r\n                    x: new Date(1538843400000),\r\n                    y: [6598.03, 6600, 6588.73, 6595.97]\r\n                },\r\n                {\r\n                    x: new Date(1538845200000),\r\n                    y: [6595.97, 6602.01, 6588.17, 6602]\r\n                },\r\n                {\r\n                    x: new Date(1538847000000),\r\n                    y: [6602, 6607, 6596.51, 6599.95]\r\n                },\r\n                {\r\n                    x: new Date(1538848800000),\r\n                    y: [6600.63, 6601.21, 6590.39, 6591.02]\r\n                },\r\n                {\r\n                    x: new Date(1538850600000),\r\n                    y: [6591.02, 6603.08, 6591, 6591]\r\n                },\r\n                {\r\n                    x: new Date(1538852400000),\r\n                    y: [6591, 6601.32, 6585, 6592]\r\n                },\r\n                {\r\n                    x: new Date(1538854200000),\r\n                    y: [6593.13, 6596.01, 6590, 6593.34]\r\n                },\r\n                {\r\n                    x: new Date(1538856000000),\r\n                    y: [6593.34, 6604.76, 6582.63, 6593.86]\r\n                },\r\n                {\r\n                    x: new Date(1538857800000),\r\n                    y: [6593.86, 6604.28, 6586.57, 6600.01]\r\n                },\r\n                {\r\n                    x: new Date(1538859600000),\r\n                    y: [6601.81, 6603.21, 6592.78, 6596.25]\r\n                },\r\n                {\r\n                    x: new Date(1538861400000),\r\n                    y: [6596.25, 6604.2, 6590, 6602.99]\r\n                },\r\n                {\r\n                    x: new Date(1538863200000),\r\n                    y: [6602.99, 6606, 6584.99, 6587.81]\r\n                },\r\n                {\r\n                    x: new Date(1538865000000),\r\n                    y: [6587.81, 6595, 6583.27, 6591.96]\r\n                },\r\n                {\r\n                    x: new Date(1538866800000),\r\n                    y: [6591.97, 6596.07, 6585, 6588.39]\r\n                },\r\n                {\r\n                    x: new Date(1538868600000),\r\n                    y: [6587.6, 6598.21, 6587.6, 6594.27]\r\n                },\r\n                {\r\n                    x: new Date(1538870400000),\r\n                    y: [6596.44, 6601, 6590, 6596.55]\r\n                },\r\n                {\r\n                    x: new Date(1538872200000),\r\n                    y: [6598.91, 6605, 6596.61, 6600.02]\r\n                },\r\n                {\r\n                    x: new Date(1538874000000),\r\n                    y: [6600.55, 6605, 6589.14, 6593.01]\r\n                },\r\n                {\r\n                    x: new Date(1538875800000),\r\n                    y: [6593.15, 6605, 6592, 6603.06]\r\n                },\r\n                {\r\n                    x: new Date(1538877600000),\r\n                    y: [6603.07, 6604.5, 6599.09, 6603.89]\r\n                },\r\n                {\r\n                    x: new Date(1538879400000),\r\n                    y: [6604.44, 6604.44, 6600, 6603.5]\r\n                },\r\n                {\r\n                    x: new Date(1538881200000),\r\n                    y: [6603.5, 6603.99, 6597.5, 6603.86]\r\n                },\r\n                {\r\n                    x: new Date(1538883000000),\r\n                    y: [6603.85, 6605, 6600, 6604.07]\r\n                },\r\n                {\r\n                    x: new Date(1538884800000),\r\n                    y: [6604.98, 6606, 6604.07, 6606]\r\n                },\r\n            ]\r\n        }],\r\n        chartOptions: {\r\n            colors: themeColors,\r\n            xaxis: {\r\n                type: 'datetime'\r\n            },\r\n            yaxis: {\r\n                tooltip: {\r\n                    enabled: true\r\n                }\r\n            }\r\n        }\r\n    },\r\n    candlestickChartCode:\r\n`<template>\r\n  <vue-apex-charts type=\"candlestick\" height=\"350\" :options=\"candlestickChart.chartOptions\" :series=\"candlestickChart.series\"></vue-apex-charts>\r\n</template>\r\n\r\n<script>\r\n  data() {\r\n    return {\r\n      themeColors: ['#7367F0', '#28C76F', '#EA5455', '#FF9F43', '#1E1E1E']\r\n      candlestickChart: {\r\n        series: [{\r\n          data: [{ x: new Date(1538778600000), y: [6629.81, 6650.5, 6623.04, 6633.33] },\r\n            { x: new Date(1538780400000), y: [6632.01, 6643.59, 6620, 6630.11] },\r\n            { x: new Date(1538782200000), y: [6630.71, 6648.95, 6623.34, 6635.65] },\r\n            { x: new Date(1538784000000), y: [6635.65, 6651, 6629.67, 6638.24] },\r\n            { x: new Date(1538785800000), y: [6638.24, 6640, 6620, 6624.47] },\r\n            { x: new Date(1538787600000), y: [6624.53, 6636.03, 6621.68, 6624.31] },\r\n            { x: new Date(1538789400000), y: [6624.61, 6632.2, 6617, 6626.02] },\r\n            { x: new Date(1538791200000), y: [6627, 6627.62, 6584.22, 6603.02] },\r\n            { x: new Date(1538793000000), y: [6605, 6608.03, 6598.95, 6604.01] },\r\n            { x: new Date(1538794800000), y: [6604.5, 6614.4, 6602.26, 6608.02] },\r\n            { x: new Date(1538796600000), y: [6608.02, 6610.68, 6601.99, 6608.91] },\r\n            { x: new Date(1538798400000), y: [6608.91, 6618.99, 6608.01, 6612] },\r\n            { x: new Date(1538800200000), y: [6612, 6615.13, 6605.09, 6612] },\r\n            { x: new Date(1538802000000), y: [6612, 6624.12, 6608.43, 6622.95] },\r\n            { x: new Date(1538803800000), y: [6623.91, 6623.91, 6615, 6615.67] },\r\n            { x: new Date(1538805600000), y: [6618.69, 6618.74, 6610, 6610.4] },\r\n            { x: new Date(1538807400000), y: [6611, 6622.78, 6610.4, 6614.9] },\r\n            { x: new Date(1538809200000), y: [6614.9, 6626.2, 6613.33, 6623.45] },\r\n            { x: new Date(1538811000000), y: [6623.48, 6627, 6618.38, 6620.35] },\r\n            { x: new Date(1538812800000), y: [6619.43, 6620.35, 6610.05, 6615.53] },\r\n            { x: new Date(1538814600000), y: [6615.53, 6617.93, 6610, 6615.19] },\r\n            { x: new Date(1538816400000), y: [6615.19, 6621.6, 6608.2, 6620] },\r\n            { x: new Date(1538818200000), y: [6619.54, 6625.17, 6614.15, 6620] },\r\n            { x: new Date(1538820000000), y: [6620.33, 6634.15, 6617.24, 6624.61] },\r\n            { x: new Date(1538821800000), y: [6625.95, 6626, 6611.66, 6617.58] },\r\n            { x: new Date(1538823600000), y: [6619, 6625.97, 6595.27, 6598.86] },\r\n            { x: new Date(1538825400000), y: [6598.86, 6598.88, 6570, 6587.16] },\r\n            { x: new Date(1538827200000), y: [6588.86, 6600, 6580, 6593.4] },\r\n            { x: new Date(1538829000000), y: [6593.99, 6598.89, 6585, 6587.81] },\r\n            { x: new Date(1538830800000), y: [6587.81, 6592.73, 6567.14, 6578] },\r\n            { x: new Date(1538832600000), y: [6578.35, 6581.72, 6567.39, 6579] },\r\n            { x: new Date(1538834400000), y: [6579.38, 6580.92, 6566.77, 6575.96] },\r\n            { x: new Date(1538836200000), y: [6575.96, 6589, 6571.77, 6588.92] },\r\n            { x: new Date(1538838000000), y: [6588.92, 6594, 6577.55, 6589.22] },\r\n            { x: new Date(1538839800000), y: [6589.3, 6598.89, 6589.1, 6596.08] },\r\n            { x: new Date(1538841600000), y: [6597.5, 6600, 6588.39, 6596.25] },\r\n            { x: new Date(1538843400000), y: [6598.03, 6600, 6588.73, 6595.97] },\r\n            { x: new Date(1538845200000), y: [6595.97, 6602.01, 6588.17, 6602] },\r\n            { x: new Date(1538847000000), y: [6602, 6607, 6596.51, 6599.95] },\r\n            { x: new Date(1538848800000), y: [6600.63, 6601.21, 6590.39, 6591.02] },\r\n            { x: new Date(1538850600000), y: [6591.02, 6603.08, 6591, 6591] },\r\n            { x: new Date(1538852400000), y: [6591, 6601.32, 6585, 6592] },\r\n            { x: new Date(1538854200000), y: [6593.13, 6596.01, 6590, 6593.34] },\r\n            { x: new Date(1538856000000), y: [6593.34, 6604.76, 6582.63, 6593.86] },\r\n            { x: new Date(1538857800000), y: [6593.86, 6604.28, 6586.57, 6600.01] },\r\n            { x: new Date(1538859600000), y: [6601.81, 6603.21, 6592.78, 6596.25] },\r\n            { x: new Date(1538861400000), y: [6596.25, 6604.2, 6590, 6602.99] },\r\n            { x: new Date(1538863200000), y: [6602.99, 6606, 6584.99, 6587.81] },\r\n            { x: new Date(1538865000000), y: [6587.81, 6595, 6583.27, 6591.96] },\r\n            { x: new Date(1538866800000), y: [6591.97, 6596.07, 6585, 6588.39] },\r\n            { x: new Date(1538868600000), y: [6587.6, 6598.21, 6587.6, 6594.27] },\r\n            { x: new Date(1538870400000), y: [6596.44, 6601, 6590, 6596.55] },\r\n            { x: new Date(1538872200000), y: [6598.91, 6605, 6596.61, 6600.02] },\r\n            { x: new Date(1538874000000), y: [6600.55, 6605, 6589.14, 6593.01] },\r\n            { x: new Date(1538875800000), y: [6593.15, 6605, 6592, 6603.06] },\r\n            { x: new Date(1538877600000), y: [6603.07, 6604.5, 6599.09, 6603.89] },\r\n            { x: new Date(1538879400000), y: [6604.44, 6604.44, 6600, 6603.5] },\r\n            { x: new Date(1538881200000), y: [6603.5, 6603.99, 6597.5, 6603.86] },\r\n            { x: new Date(1538883000000), y: [6603.85, 6605, 6600, 6604.07] },\r\n            { x: new Date(1538884800000), y: [6604.98, 6606, 6604.07, 6606] },\r\n          ]\r\n        }],\r\n        chartOptions: {\r\n          colors: themeColors,\r\n          xaxis: {\r\n            type: 'datetime'\r\n          },\r\n          yaxis: {\r\n            tooltip: {\r\n              enabled: true\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n</script>`,\r\n    bubbleChart: {\r\n        series: [{\r\n                name: 'Product1',\r\n                data: generateData(new Date('11 Feb 2017 GMT').getTime(), 20, {\r\n                    min: 10,\r\n                    max: 60\r\n                })\r\n            },\r\n            {\r\n                name: 'Product2',\r\n                data: generateData(new Date('11 Feb 2017 GMT').getTime(), 20, {\r\n                    min: 10,\r\n                    max: 60\r\n                })\r\n            },\r\n            {\r\n                name: 'Product3',\r\n                data: generateData(new Date('11 Feb 2017 GMT').getTime(), 20, {\r\n                    min: 10,\r\n                    max: 60\r\n                })\r\n            },\r\n            {\r\n                name: 'Product4',\r\n                data: generateData(new Date('11 Feb 2017 GMT').getTime(), 20, {\r\n                    min: 10,\r\n                    max: 60\r\n                })\r\n            }\r\n        ],\r\n        chartOptions: {\r\n            colors: themeColors,\r\n            dataLabels: {\r\n                enabled: false\r\n            },\r\n            fill: {\r\n                type: 'gradient',\r\n            },\r\n            xaxis: {\r\n                tickAmount: 12,\r\n                type: 'datetime',\r\n\r\n                labels: {\r\n                    rotate: 0,\r\n                }\r\n            },\r\n            yaxis: {\r\n                max: 70\r\n            },\r\n            theme: {\r\n                palette: 'palette2'\r\n            }\r\n        }\r\n    },\r\n    bubbleChartCode:\r\n`<template>\r\n  <vue-apex-charts type=\"bubble\" height=\"350\" :options=\"bubbleChart.chartOptions\" :series=\"bubbleChart.series\"></vue-apex-charts>\r\n</template>\r\n\r\n<script>\r\n  data() {\r\n    return {\r\n      themeColors: ['#7367F0', '#28C76F', '#EA5455', '#FF9F43', '#1E1E1E']\r\n      bubbleChart: {\r\n        series: [{\r\n            name: 'Product1',\r\n            data: generateData(new Date('11 Feb 2017 GMT').getTime(), 20, {\r\n              min: 10,\r\n              max: 60\r\n            })\r\n          },\r\n          {\r\n            name: 'Product2',\r\n            data: generateData(new Date('11 Feb 2017 GMT').getTime(), 20, {\r\n              min: 10,\r\n              max: 60\r\n            })\r\n          },\r\n          {\r\n            name: 'Product3',\r\n            data: generateData(new Date('11 Feb 2017 GMT').getTime(), 20, {\r\n              min: 10,\r\n              max: 60\r\n            })\r\n          },\r\n          {\r\n            name: 'Product4',\r\n            data: generateData(new Date('11 Feb 2017 GMT').getTime(), 20, {\r\n              min: 10,\r\n              max: 60\r\n            })\r\n          }\r\n        ],\r\n        chartOptions: {\r\n          colors: themeColors,\r\n          dataLabels: {\r\n            enabled: false\r\n          },\r\n          fill: {\r\n            type: 'gradient',\r\n          },\r\n          xaxis: {\r\n            tickAmount: 12,\r\n            type: 'datetime',\r\n\r\n            labels: {\r\n              rotate: 0,\r\n            }\r\n          },\r\n          yaxis: {\r\n            max: 70\r\n          },\r\n          theme: {\r\n            palette: 'palette2'\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n</script>`,\r\n    scatterChart: {\r\n        series: [{\r\n            name: \"SAMPLE A\",\r\n            data: [\r\n                [16.4, 5.4],\r\n                [21.7, 2],\r\n                [25.4, 3],\r\n                [19, 2],\r\n                [10.9, 1],\r\n                [13.6, 3.2],\r\n                [10.9, 7.4],\r\n                [10.9, 0],\r\n                [10.9, 8.2],\r\n                [16.4, 0],\r\n                [16.4, 1.8],\r\n                [13.6, 0.3],\r\n                [13.6, 0],\r\n                [29.9, 0],\r\n                [27.1, 2.3],\r\n                [16.4, 0],\r\n                [13.6, 3.7],\r\n                [10.9, 5.2],\r\n                [16.4, 6.5],\r\n                [10.9, 0],\r\n                [24.5, 7.1],\r\n                [10.9, 0],\r\n                [8.1, 4.7],\r\n                [19, 0],\r\n                [21.7, 1.8],\r\n                [27.1, 0],\r\n                [24.5, 0],\r\n                [27.1, 0],\r\n                [29.9, 1.5],\r\n                [27.1, 0.8],\r\n                [22.1, 2]\r\n            ]\r\n        }, {\r\n            name: \"SAMPLE B\",\r\n            data: [\r\n                [6.4, 13.4],\r\n                [1.7, 11],\r\n                [5.4, 8],\r\n                [9, 17],\r\n                [1.9, 4],\r\n                [3.6, 12.2],\r\n                [1.9, 14.4],\r\n                [1.9, 9],\r\n                [1.9, 13.2],\r\n                [1.4, 7],\r\n                [6.4, 8.8],\r\n                [3.6, 4.3],\r\n                [1.6, 10],\r\n                [9.9, 2],\r\n                [7.1, 15],\r\n                [1.4, 0],\r\n                [3.6, 13.7],\r\n                [1.9, 15.2],\r\n                [6.4, 16.5],\r\n                [0.9, 10],\r\n                [4.5, 17.1],\r\n                [10.9, 10],\r\n                [0.1, 14.7],\r\n                [9, 10],\r\n                [12.7, 11.8],\r\n                [2.1, 10],\r\n                [2.5, 10],\r\n                [27.1, 10],\r\n                [2.9, 11.5],\r\n                [7.1, 10.8],\r\n                [2.1, 12]\r\n            ]\r\n        }, {\r\n            name: \"SAMPLE C\",\r\n            data: [\r\n                [21.7, 3],\r\n                [23.6, 3.5],\r\n                [24.6, 3],\r\n                [29.9, 3],\r\n                [21.7, 20],\r\n                [23, 2],\r\n                [10.9, 3],\r\n                [28, 4],\r\n                [27.1, 0.3],\r\n                [16.4, 4],\r\n                [13.6, 0],\r\n                [19, 5],\r\n                [22.4, 3],\r\n                [24.5, 3],\r\n                [32.6, 3],\r\n                [27.1, 4],\r\n                [29.6, 6],\r\n                [31.6, 8],\r\n                [21.6, 5],\r\n                [20.9, 4],\r\n                [22.4, 0],\r\n                [32.6, 10.3],\r\n                [29.7, 20.8],\r\n                [24.5, 0.8],\r\n                [21.4, 0],\r\n                [21.7, 6.9],\r\n                [28.6, 7.7],\r\n                [15.4, 0],\r\n                [18.1, 0],\r\n                [33.4, 0],\r\n                [16.4, 0]\r\n            ]\r\n        }],\r\n        chartOptions: {\r\n            colors: themeColors,\r\n            chart: {\r\n                zoom: {\r\n                    enabled: true,\r\n                    type: 'xy'\r\n                }\r\n            },\r\n            xaxis: {\r\n                tickAmount: 10,\r\n            },\r\n            yaxis: {\r\n                tickAmount: 7\r\n            }\r\n        }\r\n    },\r\n    scatterChartCode:\r\n`<template>\r\n  <vue-apex-charts type=\"scatter\" height=\"350\" :options=\"scatterChart.chartOptions\" :series=\"scatterChart.series\"></vue-apex-charts>\r\n</template>\r\n\r\n<script>\r\n  data() {\r\n    return {\r\n      themeColors: ['#7367F0', '#28C76F', '#EA5455', '#FF9F43', '#1E1E1E']\r\n      scatterChart: {\r\n        series: [{\r\n          name: \"SAMPLE A\",\r\n          data: [\r\n            [16.4, 5.4],\r\n            [21.7, 2],\r\n            [25.4, 3],\r\n            [19, 2],\r\n            [10.9, 1],\r\n            [13.6, 3.2],\r\n            [10.9, 7.4],\r\n            [10.9, 0],\r\n            [10.9, 8.2],\r\n            [16.4, 0],\r\n            [16.4, 1.8],\r\n            [13.6, 0.3],\r\n            [13.6, 0],\r\n            [29.9, 0],\r\n            [27.1, 2.3],\r\n            [16.4, 0],\r\n            [13.6, 3.7],\r\n            [10.9, 5.2],\r\n            [16.4, 6.5],\r\n            [10.9, 0],\r\n            [24.5, 7.1],\r\n            [10.9, 0],\r\n            [8.1, 4.7],\r\n            [19, 0],\r\n            [21.7, 1.8],\r\n            [27.1, 0],\r\n            [24.5, 0],\r\n            [27.1, 0],\r\n            [29.9, 1.5],\r\n            [27.1, 0.8],\r\n            [22.1, 2]\r\n          ]\r\n        }, {\r\n          name: \"SAMPLE B\",\r\n          data: [\r\n            [6.4, 13.4],\r\n            [1.7, 11],\r\n            [5.4, 8],\r\n            [9, 17],\r\n            [1.9, 4],\r\n            [3.6, 12.2],\r\n            [1.9, 14.4],\r\n            [1.9, 9],\r\n            [1.9, 13.2],\r\n            [1.4, 7],\r\n            [6.4, 8.8],\r\n            [3.6, 4.3],\r\n            [1.6, 10],\r\n            [9.9, 2],\r\n            [7.1, 15],\r\n            [1.4, 0],\r\n            [3.6, 13.7],\r\n            [1.9, 15.2],\r\n            [6.4, 16.5],\r\n            [0.9, 10],\r\n            [4.5, 17.1],\r\n            [10.9, 10],\r\n            [0.1, 14.7],\r\n            [9, 10],\r\n            [12.7, 11.8],\r\n            [2.1, 10],\r\n            [2.5, 10],\r\n            [27.1, 10],\r\n            [2.9, 11.5],\r\n            [7.1, 10.8],\r\n            [2.1, 12]\r\n          ]\r\n        }, {\r\n          name: \"SAMPLE C\",\r\n          data: [\r\n            [21.7, 3],\r\n            [23.6, 3.5],\r\n            [24.6, 3],\r\n            [29.9, 3],\r\n            [21.7, 20],\r\n            [23, 2],\r\n            [10.9, 3],\r\n            [28, 4],\r\n            [27.1, 0.3],\r\n            [16.4, 4],\r\n            [13.6, 0],\r\n            [19, 5],\r\n            [22.4, 3],\r\n            [24.5, 3],\r\n            [32.6, 3],\r\n            [27.1, 4],\r\n            [29.6, 6],\r\n            [31.6, 8],\r\n            [21.6, 5],\r\n            [20.9, 4],\r\n            [22.4, 0],\r\n            [32.6, 10.3],\r\n            [29.7, 20.8],\r\n            [24.5, 0.8],\r\n            [21.4, 0],\r\n            [21.7, 6.9],\r\n            [28.6, 7.7],\r\n            [15.4, 0],\r\n            [18.1, 0],\r\n            [33.4, 0],\r\n            [16.4, 0]\r\n          ]\r\n        }],\r\n        chartOptions: {\r\n          colors: themeColors,\r\n          chart: {\r\n            zoom: {\r\n              enabled: true,\r\n              type: 'xy'\r\n            }\r\n          },\r\n          xaxis: {\r\n            tickAmount: 10,\r\n          },\r\n          yaxis: {\r\n            tickAmount: 7\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n</script>`,\r\n    heatMapChart: {\r\n        series: [{\r\n                name: 'Metric1',\r\n                data: generateDataHeatMap(18, {\r\n                    min: 0,\r\n                    max: 90\r\n                })\r\n            },\r\n            {\r\n                name: 'Metric2',\r\n                data: generateDataHeatMap(18, {\r\n                    min: 0,\r\n                    max: 90\r\n                })\r\n            },\r\n            {\r\n                name: 'Metric3',\r\n                data: generateDataHeatMap(18, {\r\n                    min: 0,\r\n                    max: 90\r\n                })\r\n            },\r\n            {\r\n                name: 'Metric4',\r\n                data: generateDataHeatMap(18, {\r\n                    min: 0,\r\n                    max: 90\r\n                })\r\n            },\r\n            {\r\n                name: 'Metric5',\r\n                data: generateDataHeatMap(18, {\r\n                    min: 0,\r\n                    max: 90\r\n                })\r\n            },\r\n            {\r\n                name: 'Metric6',\r\n                data: generateDataHeatMap(18, {\r\n                    min: 0,\r\n                    max: 90\r\n                })\r\n            },\r\n            {\r\n                name: 'Metric7',\r\n                data: generateDataHeatMap(18, {\r\n                    min: 0,\r\n                    max: 90\r\n                })\r\n            },\r\n            {\r\n                name: 'Metric8',\r\n                data: generateDataHeatMap(18, {\r\n                    min: 0,\r\n                    max: 90\r\n                })\r\n            },\r\n            {\r\n                name: 'Metric9',\r\n                data: generateDataHeatMap(18, {\r\n                    min: 0,\r\n                    max: 90\r\n                })\r\n            }\r\n            ],\r\n        chartOptions: {\r\n            dataLabels: {\r\n                enabled: false\r\n            },\r\n            colors: [\"#7367F0\"],\r\n        }\r\n    },\r\n    heatMapChartCode:\r\n`<template>\r\n  <vue-apex-charts type=\"heatmap\" height=\"350\" :options=\"heatMapChart.chartOptions\" :series=\"heatMapChart.series\"></vue-apex-charts>\r\n</template>\r\n\r\n<script>\r\n  data() {\r\n    return {\r\n      themeColors: ['#7367F0', '#28C76F', '#EA5455', '#FF9F43', '#1E1E1E']\r\n      heatMapChart: {\r\n        series: [{\r\n            name: 'Metric1',\r\n            data: generateDataHeatMap(18, {\r\n              min: 0,\r\n              max: 90\r\n            })\r\n          },\r\n          {\r\n            name: 'Metric2',\r\n            data: generateDataHeatMap(18, {\r\n              min: 0,\r\n              max: 90\r\n            })\r\n          },\r\n          {\r\n            name: 'Metric3',\r\n            data: generateDataHeatMap(18, {\r\n              min: 0,\r\n              max: 90\r\n            })\r\n          },\r\n          {\r\n            name: 'Metric4',\r\n            data: generateDataHeatMap(18, {\r\n              min: 0,\r\n              max: 90\r\n            })\r\n          },\r\n          {\r\n            name: 'Metric5',\r\n            data: generateDataHeatMap(18, {\r\n              min: 0,\r\n              max: 90\r\n            })\r\n          },\r\n          {\r\n            name: 'Metric6',\r\n            data: generateDataHeatMap(18, {\r\n              min: 0,\r\n              max: 90\r\n            })\r\n          },\r\n          {\r\n            name: 'Metric7',\r\n            data: generateDataHeatMap(18, {\r\n              min: 0,\r\n              max: 90\r\n            })\r\n          },\r\n          {\r\n            name: 'Metric8',\r\n            data: generateDataHeatMap(18, {\r\n              min: 0,\r\n              max: 90\r\n            })\r\n          },\r\n          {\r\n            name: 'Metric9',\r\n            data: generateDataHeatMap(18, {\r\n              min: 0,\r\n              max: 90\r\n            })\r\n          }\r\n          ],\r\n        chartOptions: {\r\n          colors: themeColors,\r\n          dataLabels: {\r\n            enabled: false\r\n          },\r\n          colors: [\"#008FFB\"],\r\n        }\r\n      }\r\n    }\r\n  }\r\n</script>`,\r\n    pieChart: {\r\n        series: [44, 55, 13, 43],\r\n        chartOptions: {\r\n            labels: ['Team A', 'Team B', 'Team C', 'Team D'],\r\n            colors: themeColors,\r\n            responsive: [{\r\n                breakpoint: 480,\r\n                options: {\r\n                    chart: {\r\n                        width: 200\r\n                    },\r\n                    legend: {\r\n                        position: 'bottom'\r\n                    }\r\n                }\r\n            }]\r\n        }\r\n    },\r\n    pieChartCode:\r\n`<template>\r\n  <vue-apex-charts type=\"pie\" height=\"350\" :options=\"pieChart.chartOptions\" :series=\"pieChart.series\"></vue-apex-charts>\r\n</template>\r\n\r\n<script>\r\n  data() {\r\n    return {\r\n      themeColors: ['#7367F0', '#28C76F', '#EA5455', '#FF9F43', '#1E1E1E']\r\n      pieChart: {\r\n        series: [44, 55, 13, 43],\r\n        chartOptions: {\r\n          labels: ['Team A', 'Team B', 'Team C', 'Team D'],\r\n          colors: themeColors,\r\n          responsive: [{\r\n            breakpoint: 480,\r\n            options: {\r\n              chart: {\r\n                width: 200\r\n              },\r\n              legend: {\r\n                position: 'bottom'\r\n              }\r\n            }\r\n          }]\r\n        }\r\n      }\r\n    }\r\n  }\r\n</script>`,\r\n    donutChart: {\r\n        series: [44, 55, 41, 17],\r\n        chartOptions: {\r\n            colors: themeColors,\r\n            responsive: [{\r\n                breakpoint: 480,\r\n                options: {\r\n                    chart: {\r\n                        width: 200\r\n                    },\r\n                    legend: {\r\n                        position: 'bottom'\r\n                    }\r\n                }\r\n            }]\r\n        }\r\n    },\r\n    donutChartCode:\r\n`<template>\r\n  <vue-apex-charts type=\"donut\" height=\"350\" :options=\"donutChart.chartOptions\" :series=\"donutChart.series\"></vue-apex-charts>\r\n</template>\r\n\r\n<script>\r\n  data() {\r\n    return {\r\n      themeColors: ['#7367F0', '#28C76F', '#EA5455', '#FF9F43', '#1E1E1E']\r\n      donutChart: {\r\n        series: [44, 55, 41, 17],\r\n        chartOptions: {\r\n          colors: themeColors,\r\n          responsive: [{\r\n            breakpoint: 480,\r\n            options: {\r\n              chart: {\r\n                width: 200\r\n              },\r\n              legend: {\r\n                position: 'bottom'\r\n              }\r\n            }\r\n          }]\r\n        }\r\n      }\r\n    }\r\n  }\r\n</script>`,\r\n    radialBarChart: {\r\n        series: [44, 55, 67, 83],\r\n        chartOptions: {\r\n            colors: themeColors,\r\n            plotOptions: {\r\n                radialBar: {\r\n                    dataLabels: {\r\n                        name: {\r\n                            fontSize: '22px',\r\n                        },\r\n                        value: {\r\n                            fontSize: '16px',\r\n                        },\r\n                        total: {\r\n                            show: true,\r\n                            label: 'Total',\r\n                            formatter: function() {\r\n                                // By default this function returns the average of all series. The below is just an example to show the use of custom formatter function\r\n                                return 249\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            },\r\n            labels: ['Apples', 'Oranges', 'Bananas', 'Berries'],\r\n        }\r\n    },\r\n    radialBarChartCode:\r\n`<template>\r\n  <vue-apex-charts type=\"radialBar\" height=\"350\" :options=\"radialBarChart.chartOptions\" :series=\"radialBarChart.series\"></vue-apex-charts>\r\n</template>\r\n\r\n<script>\r\n  data() {\r\n    return {\r\n      themeColors: ['#7367F0', '#28C76F', '#EA5455', '#FF9F43', '#1E1E1E']\r\n      radialBarChart: {\r\n        series: [44, 55, 67, 83],\r\n        chartOptions: {\r\n          colors: themeColors,\r\n          plotOptions: {\r\n            radialBar: {\r\n              dataLabels: {\r\n                name: {\r\n                  fontSize: '22px',\r\n                },\r\n                value: {\r\n                  fontSize: '16px',\r\n                },\r\n                total: {\r\n                  show: true,\r\n                  label: 'Total',\r\n                  formatter: function(w) {\r\n                    // By default this function returns the average of all series. The below is just an example to show the use of custom formatter function\r\n                    return 249\r\n                  }\r\n                }\r\n              }\r\n            }\r\n          },\r\n          labels: ['Apples', 'Oranges', 'Bananas', 'Berries'],\r\n        }\r\n      }\r\n    }\r\n  }\r\n</script>`,\r\n    radarChart: {\r\n        series: [{\r\n            name: 'Series 1',\r\n            data: [80, 50, 30, 40, 100, 20],\r\n        }],\r\n        chartOptions: {\r\n            colors: themeColors,\r\n            labels: ['January', 'February', 'March', 'April', 'May', 'June'],\r\n        }\r\n    },\r\n    radarChartCode:\r\n`<template>\r\n  <vue-apex-charts type=\"radar\" height=\"350\" :options=\"radarChart.chartOptions\" :series=\"radarChart.series\"></vue-apex-charts>\r\n</template>\r\n\r\n<script>\r\n  data() {\r\n    return {\r\n      themeColors: ['#7367F0', '#28C76F', '#EA5455', '#FF9F43', '#1E1E1E']\r\n      radarChart: {\r\n        series: [{\r\n          name: 'Series 1',\r\n          data: [80, 50, 30, 40, 100, 20],\r\n        }],\r\n        chartOptions: {\r\n          colors: themeColors,\r\n          labels: ['January', 'February', 'March', 'April', 'May', 'June'],\r\n        }\r\n      }\r\n    }\r\n  }\r\n</script>`,\r\n}","<!-- =========================================================================================\r\n    File Name: ApexCharts.vue\r\n    Description: Apex Charts Demo\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n<template>\r\n  <div id=\"extra-component-chartist-demo\">\r\n    <p class=\"mb-4\">\r\n      A Vue.js component for ApexCharts. Read full documnetation\r\n      <a\r\n        href=\"https://apexcharts.com/docs/installation/\"\r\n        target=\"_blank\"\r\n        rel=\"nofollow\"\r\n      >here</a>\r\n    </p>\r\n\r\n    <div class=\"vx-row\">\r\n      <div class=\"vx-col md:w-1/2 w-full mb-base\">\r\n        <vx-card title=\"Line Chart\" code-toggler>\r\n          <vue-apex-charts\r\n            type=\"line\"\r\n            height=\"350\"\r\n            :options=\"apexChatData.lineChartSimple.chartOptions\"\r\n            :series=\"apexChatData.lineChartSimple.series\"\r\n          ></vue-apex-charts>\r\n          <template slot=\"codeContainer\">{{ apexChatData.lineChartSimpleCode }}</template>\r\n        </vx-card>\r\n      </div>\r\n\r\n      <!-- LINE AREA CHART -->\r\n      <div class=\"vx-col md:w-1/2 w-full mb-base\">\r\n        <vx-card title=\"Line Area Chart\" code-toggler>\r\n          <vue-apex-charts\r\n            type=\"area\"\r\n            height=\"350\"\r\n            :options=\"apexChatData.lineAreaChartSpline.chartOptions\"\r\n            :series=\"apexChatData.lineAreaChartSpline.series\"\r\n          ></vue-apex-charts>\r\n          <template slot=\"codeContainer\">{{ apexChatData.lineAreaChartSplineCode }}</template>\r\n        </vx-card>\r\n      </div>\r\n\r\n      <!-- COLUMN CHART -->\r\n      <div class=\"vx-col md:w-1/2 w-full mb-base\">\r\n        <vx-card title=\"Column Chart\" code-toggler>\r\n          <vue-apex-charts\r\n            type=\"bar\"\r\n            height=\"350\"\r\n            :options=\"apexChatData.columnChart.chartOptions\"\r\n            :series=\"apexChatData.columnChart.series\"\r\n          ></vue-apex-charts>\r\n          <template slot=\"codeContainer\">{{ apexChatData.columnChartCode }}</template>\r\n        </vx-card>\r\n      </div>\r\n\r\n      <!-- Bar CHART -->\r\n      <div class=\"vx-col md:w-1/2 w-full mb-base\">\r\n        <vx-card title=\"Bar Chart\" code-toggler>\r\n          <vue-apex-charts\r\n            type=\"bar\"\r\n            height=\"350\"\r\n            :options=\"apexChatData.barChart.chartOptions\"\r\n            :series=\"apexChatData.barChart.series\"\r\n          ></vue-apex-charts>\r\n          <template slot=\"codeContainer\">{{ apexChatData.barChartCode }}</template>\r\n        </vx-card>\r\n      </div>\r\n\r\n      <!-- MIXED CHART -->\r\n      <div class=\"vx-col w-full mb-base\">\r\n        <vx-card title=\"Mixed Chart\" code-toggler>\r\n          <vue-apex-charts\r\n            type=\"line\"\r\n            height=\"350\"\r\n            :options=\"apexChatData.mixedChart.chartOptions\"\r\n            :series=\"apexChatData.mixedChart.series\"\r\n          ></vue-apex-charts>\r\n          <template slot=\"codeContainer\">{{ apexChatData.mixedChartCode }}</template>\r\n        </vx-card>\r\n      </div>\r\n\r\n      <!-- CANDLESTICK CHART -->\r\n      <div class=\"vx-col w-full mb-base\">\r\n        <vx-card title=\"Candlestick Chart\" code-toggler>\r\n          <vue-apex-charts\r\n            type=\"candlestick\"\r\n            height=\"350\"\r\n            :options=\"apexChatData.candlestickChart.chartOptions\"\r\n            :series=\"apexChatData.candlestickChart.series\"\r\n          ></vue-apex-charts>\r\n          <template slot=\"codeContainer\">{{ apexChatData.candlestickChartCode }}</template>\r\n        </vx-card>\r\n      </div>\r\n\r\n      <!-- BUBBLE CHART -->\r\n      <div class=\"vx-col md:w-1/2 w-full mb-base\">\r\n        <vx-card title=\"3D Bubble Chart\" code-toggler>\r\n          <vue-apex-charts\r\n            type=\"bubble\"\r\n            height=\"350\"\r\n            :options=\"apexChatData.bubbleChart.chartOptions\"\r\n            :series=\"apexChatData.bubbleChart.series\"\r\n          ></vue-apex-charts>\r\n          <template slot=\"codeContainer\">{{ apexChatData.bubbleChartCode }}</template>\r\n        </vx-card>\r\n      </div>\r\n\r\n      <!-- SCATTER CHART -->\r\n      <div class=\"vx-col md:w-1/2 w-full mb-base\">\r\n        <vx-card title=\"Scatter Chart\" code-toggler>\r\n          <vue-apex-charts\r\n            type=\"scatter\"\r\n            height=\"350\"\r\n            :options=\"apexChatData.scatterChart.chartOptions\"\r\n            :series=\"apexChatData.scatterChart.series\"\r\n          ></vue-apex-charts>\r\n          <template slot=\"codeContainer\">{{ apexChatData.scatterChartCode }}</template>\r\n        </vx-card>\r\n      </div>\r\n\r\n      <!-- HEAT MAP CHART -->\r\n      <div class=\"vx-col w-full mb-base\">\r\n        <vx-card title=\"Heat Map Chart\" code-toggler>\r\n          <vue-apex-charts\r\n            type=\"heatmap\"\r\n            height=\"450\"\r\n            :options=\"apexChatData.heatMapChart.chartOptions\"\r\n            :series=\"apexChatData.heatMapChart.series\"\r\n          ></vue-apex-charts>\r\n          <template slot=\"codeContainer\">{{ apexChatData.heatMapChartCode }}</template>\r\n        </vx-card>\r\n      </div>\r\n\r\n      <!-- PIE CHART -->\r\n      <div class=\"vx-col md:w-1/2 w-full mb-base\">\r\n        <vx-card title=\"Pie Chart\" code-toggler>\r\n          <vue-apex-charts\r\n            type=\"pie\"\r\n            height=\"350\"\r\n            :options=\"apexChatData.pieChart.chartOptions\"\r\n            :series=\"apexChatData.pieChart.series\"\r\n          ></vue-apex-charts>\r\n          <template slot=\"codeContainer\">{{ apexChatData.pieChartCode }}</template>\r\n        </vx-card>\r\n      </div>\r\n\r\n      <!-- DONUT CHART -->\r\n      <div class=\"vx-col md:w-1/2 w-full mb-base\">\r\n        <vx-card title=\"Donut Chart\" code-toggler>\r\n          <vue-apex-charts\r\n            type=\"donut\"\r\n            height=\"350\"\r\n            :options=\"apexChatData.donutChart.chartOptions\"\r\n            :series=\"apexChatData.donutChart.series\"\r\n          ></vue-apex-charts>\r\n          <template slot=\"codeContainer\">{{ apexChatData.donutChartCode }}</template>\r\n        </vx-card>\r\n      </div>\r\n\r\n      <!-- RADIAL BAR CHART -->\r\n      <div class=\"vx-col md:w-1/2 w-full\">\r\n        <vx-card title=\"Radial Bar Chart\" code-toggler>\r\n          <vue-apex-charts\r\n            type=\"radialBar\"\r\n            height=\"350\"\r\n            :options=\"apexChatData.radialBarChart.chartOptions\"\r\n            :series=\"apexChatData.radialBarChart.series\"\r\n          ></vue-apex-charts>\r\n          <template slot=\"codeContainer\">{{ apexChatData.radialBarChartCode }}</template>\r\n        </vx-card>\r\n      </div>\r\n\r\n      <!-- RADAR CHART -->\r\n      <div class=\"vx-col md:w-1/2 w-full\">\r\n        <vx-card title=\"Radar Chart\" code-toggler>\r\n          <vue-apex-charts\r\n            type=\"radar\"\r\n            height=\"350\"\r\n            :options=\"apexChatData.radarChart.chartOptions\"\r\n            :series=\"apexChatData.radarChart.series\"\r\n          ></vue-apex-charts>\r\n          <template slot=\"codeContainer\">{{ apexChatData.radarChartCode }}</template>\r\n        </vx-card>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport VueApexCharts from \"vue-apexcharts\";\r\nimport apexChatData from \"./apexChartData.js\";\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      apexChatData: apexChatData\r\n    };\r\n  },\r\n  components: {\r\n    VueApexCharts\r\n  }\r\n};\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/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!./ApexCharts.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/@vue/cli-plugin-babel/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!./ApexCharts.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ApexCharts.vue?vue&type=template&id=c9a223ce&\"\nimport script from \"./ApexCharts.vue?vue&type=script&lang=js&\"\nexport * from \"./ApexCharts.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"],"sourceRoot":""}