{"version":3,"sources":["webpack:///./src/views/charts-and-maps/charts/apex-charts/ApexCharts.vue?b3c8","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?04a8","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.cf47495a.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(\"\\n\"+_vm._s(_vm.apexChatData.lineChartSimpleCode)+\"\\n                    \")])],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(\"\\n\"+_vm._s(_vm.apexChatData.lineAreaChartSplineCode)+\"\\n                    \")])],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(\"\\n\"+_vm._s(_vm.apexChatData.columnChartCode)+\"\\n                    \")])],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(\"\\n\"+_vm._s(_vm.apexChatData.barChartCode)+\"\\n                    \")])],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(\"\\n\"+_vm._s(_vm.apexChatData.mixedChartCode)+\"\\n                    \")])],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(\"\\n\"+_vm._s(_vm.apexChatData.candlestickChartCode)+\"\\n                    \")])],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(\"\\n\"+_vm._s(_vm.apexChatData.bubbleChartCode)+\"\\n                    \")])],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(\"\\n\"+_vm._s(_vm.apexChatData.scatterChartCode)+\"\\n                    \")])],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\":\"350\",\"options\":_vm.apexChatData.heatMapChart.chartOptions,\"series\":_vm.apexChatData.heatMapChart.series}}),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n\"+_vm._s(_vm.apexChatData.heatMapChartCode)+\"\\n                    \")])],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(\"\\n\"+_vm._s(_vm.apexChatData.pieChartCode)+\"\\n                    \")])],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(\"\\n\"+_vm._s(_vm.apexChatData.donutChartCode)+\"\\n                    \")])],2)],1),_c('div',{staticClass:\"vx-col md:w-1/2 w-full mb-base\"},[_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(\"\\n\"+_vm._s(_vm.apexChatData.radialBarChartCode)+\"\\n                    \")])],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(\"\\n\"+_vm._s(_vm.apexChatData.radarChartCode)+\"\\n                    \")])],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(\"A Vue.js component for ApexCharts. Read full documnetation \"),_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: ADSTOR - Multi Marketing Advertising Platform\r\n      Author: DevMind\r\n    Author URL: https://devmind.uz\r\n==========================================================================================*/\r\n\r\n\r\nfunction generateData (baseval, count, yrange) {\r\n  let i = 0\r\n  const series = []\r\n  while (i < count) {\r\n    //var x =Math.floor(Math.random() * (750 - 1 + 1)) + 1;;\r\n    const y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min\r\n    const 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  let i = 0\r\n  const series = []\r\n  while (i < count) {\r\n    const x = `w${(i + 1).toString()}`\r\n    const y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min\r\n\r\n    series.push({\r\n      x,\r\n      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      {\r\n        name: 'Desktops',\r\n        data: [10, 41, 35, 51, 49, 62, 69, 91, 148]\r\n      }\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      {\r\n        name: 'series1',\r\n        data: [31, 40, 28, 51, 42, 109, 100]\r\n      },\r\n      {\r\n        name: 'series2',\r\n        data: [11, 32, 45, 32, 34, 52, 41]\r\n      }\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', '2018-09-19T03:30:00', '2018-09-19T04:30:00', '2018-09-19T05:30:00', '2018-09-19T06:30:00']\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      {\r\n        name: 'Net Profit',\r\n        data: [44, 55, 57, 56, 61, 58, 63, 60, 66]\r\n      },\r\n      {\r\n        name: 'Revenue',\r\n        data: [76, 85, 101, 98, 87, 105, 91, 114, 94]\r\n      },\r\n      {\r\n        name: 'Free Cash Flow',\r\n        data: [35, 41, 36, 26, 45, 48, 52, 53, 41]\r\n      }\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 (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      {\r\n        data: [400, 430, 448, 470, 540, 580, 690, 1100, 1200, 1380]\r\n      }\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', 'United States', 'China', 'Germany']\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      {\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      {\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      {\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    ],\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', '08/01/2003', '09/01/2003', '10/01/2003', '11/01/2003'],\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 (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', '08/01/2003', '09/01/2003', '10/01/2003', '11/01/2003'],\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      {\r\n        data: [\r\n          {\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    ],\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      {\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      {\r\n        name: 'SAMPLE A',\r\n        data: [[16.4, 5.4], [21.7, 2], [25.4, 3], [19, 2], [10.9, 1], [13.6, 3.2], [10.9, 7.4], [10.9, 0], [10.9, 8.2], [16.4, 0], [16.4, 1.8], [13.6, 0.3], [13.6, 0], [29.9, 0], [27.1, 2.3], [16.4, 0], [13.6, 3.7], [10.9, 5.2], [16.4, 6.5], [10.9, 0], [24.5, 7.1], [10.9, 0], [8.1, 4.7], [19, 0], [21.7, 1.8], [27.1, 0], [24.5, 0], [27.1, 0], [29.9, 1.5], [27.1, 0.8], [22.1, 2]]\r\n      },\r\n      {\r\n        name: 'SAMPLE B',\r\n        data: [[6.4, 13.4], [1.7, 11], [5.4, 8], [9, 17], [1.9, 4], [3.6, 12.2], [1.9, 14.4], [1.9, 9], [1.9, 13.2], [1.4, 7], [6.4, 8.8], [3.6, 4.3], [1.6, 10], [9.9, 2], [7.1, 15], [1.4, 0], [3.6, 13.7], [1.9, 15.2], [6.4, 16.5], [0.9, 10], [4.5, 17.1], [10.9, 10], [0.1, 14.7], [9, 10], [12.7, 11.8], [2.1, 10], [2.5, 10], [27.1, 10], [2.9, 11.5], [7.1, 10.8], [2.1, 12]]\r\n      },\r\n      {\r\n        name: 'SAMPLE C',\r\n        data: [[21.7, 3], [23.6, 3.5], [24.6, 3], [29.9, 3], [21.7, 20], [23, 2], [10.9, 3], [28, 4], [27.1, 0.3], [16.4, 4], [13.6, 0], [19, 5], [22.4, 3], [24.5, 3], [32.6, 3], [27.1, 4], [29.6, 6], [31.6, 8], [21.6, 5], [20.9, 4], [22.4, 0], [32.6, 10.3], [29.7, 20.8], [24.5, 0.8], [21.4, 0], [21.7, 6.9], [28.6, 7.7], [15.4, 0], [18.1, 0], [33.4, 0], [16.4, 0]]\r\n      }\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      {\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        {\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  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        {\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  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 () {\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      {\r\n        name: 'Series 1',\r\n        data: [80, 50, 30, 40, 100, 20]\r\n      }\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","<!-- =========================================================================================\n    File Name: ApexCharts.vue\n    Description: Apex Charts Demo\n    ----------------------------------------------------------------------------------------\n    Item Name: ADSTOR - Multi Marketing Advertising Platform\n      Author: DevMind\n    Author URL: https://devmind.uz\n========================================================================================== -->\n\n<template>\n    <div id=\"extra-component-chartist-demo\">\n        <p class=\"mb-4\">A Vue.js component for ApexCharts. Read full documnetation <a href=\"https://apexcharts.com/docs/installation/\" target=\"_blank\" rel=\"nofollow\">here</a></p>\n\n        <div class=\"vx-row\">\n            <div class=\"vx-col md:w-1/2 w-full mb-base\">\n                <vx-card title=\"Line Chart\" code-toggler>\n                    <vue-apex-charts type=\"line\" height=\"350\" :options=\"apexChatData.lineChartSimple.chartOptions\" :series=\"apexChatData.lineChartSimple.series\"></vue-apex-charts>\n                    <template slot=\"codeContainer\">\n{{ apexChatData.lineChartSimpleCode }}\n                    </template>\n                </vx-card>\n            </div>\n\n            <!-- LINE AREA CHART -->\n            <div class=\"vx-col md:w-1/2 w-full mb-base\">\n                <vx-card title=\"Line Area Chart\" code-toggler>\n                    <vue-apex-charts type=\"area\" height=\"350\" :options=\"apexChatData.lineAreaChartSpline.chartOptions\" :series=\"apexChatData.lineAreaChartSpline.series\"></vue-apex-charts>\n                    <template slot=\"codeContainer\">\n{{ apexChatData.lineAreaChartSplineCode }}\n                    </template>\n                </vx-card>\n            </div>\n\n            <!-- COLUMN CHART -->\n            <div class=\"vx-col md:w-1/2 w-full mb-base\">\n                <vx-card title=\"Column Chart\" code-toggler>\n                    <vue-apex-charts type=\"bar\" height=\"350\" :options=\"apexChatData.columnChart.chartOptions\" :series=\"apexChatData.columnChart.series\"></vue-apex-charts>\n                    <template slot=\"codeContainer\">\n{{ apexChatData.columnChartCode }}\n                    </template>\n                </vx-card>\n            </div>\n\n            <!-- Bar CHART -->\n            <div class=\"vx-col md:w-1/2 w-full mb-base\">\n                <vx-card title=\"Bar Chart\" code-toggler>\n                    <vue-apex-charts type=\"bar\" height=\"350\" :options=\"apexChatData.barChart.chartOptions\" :series=\"apexChatData.barChart.series\"></vue-apex-charts>\n                    <template slot=\"codeContainer\">\n{{ apexChatData.barChartCode }}\n                    </template>\n                </vx-card>\n            </div>\n\n            <!-- MIXED CHART -->\n            <div class=\"vx-col w-full mb-base\">\n                <vx-card title=\"Mixed Chart\" code-toggler>\n                    <vue-apex-charts type=\"line\" height=\"350\" :options=\"apexChatData.mixedChart.chartOptions\" :series=\"apexChatData.mixedChart.series\"></vue-apex-charts>\n                    <template slot=\"codeContainer\">\n{{ apexChatData.mixedChartCode }}\n                    </template>\n                </vx-card>\n            </div>\n\n            <!-- CANDLESTICK CHART -->\n            <div class=\"vx-col w-full mb-base\">\n                <vx-card title=\"Candlestick Chart\" code-toggler>\n                    <vue-apex-charts type=\"candlestick\" height=\"350\" :options=\"apexChatData.candlestickChart.chartOptions\" :series=\"apexChatData.candlestickChart.series\"></vue-apex-charts>\n                    <template slot=\"codeContainer\">\n{{ apexChatData.candlestickChartCode }}\n                    </template>\n                </vx-card>\n            </div>\n\n            <!-- BUBBLE CHART -->\n            <div class=\"vx-col md:w-1/2 w-full mb-base\">\n                <vx-card title=\"3D Bubble Chart\" code-toggler>\n                    <vue-apex-charts type=\"bubble\" height=\"350\" :options=\"apexChatData.bubbleChart.chartOptions\" :series=\"apexChatData.bubbleChart.series\"></vue-apex-charts>\n                    <template slot=\"codeContainer\">\n{{ apexChatData.bubbleChartCode }}\n                    </template>\n                </vx-card>\n            </div>\n\n            <!-- SCATTER CHART -->\n            <div class=\"vx-col md:w-1/2 w-full mb-base\">\n                <vx-card title=\"Scatter Chart\" code-toggler>\n                    <vue-apex-charts type=\"scatter\" height=\"350\" :options=\"apexChatData.scatterChart.chartOptions\" :series=\"apexChatData.scatterChart.series\"></vue-apex-charts>\n                    <template slot=\"codeContainer\">\n{{ apexChatData.scatterChartCode }}\n                    </template>\n                </vx-card>\n            </div>\n\n            <!-- HEAT MAP CHART -->\n            <div class=\"vx-col w-full mb-base\">\n                <vx-card title=\"Heat Map Chart\" code-toggler>\n                    <vue-apex-charts type=\"heatmap\" height=\"350\" :options=\"apexChatData.heatMapChart.chartOptions\" :series=\"apexChatData.heatMapChart.series\"></vue-apex-charts>\n                    <template slot=\"codeContainer\">\n{{ apexChatData.heatMapChartCode }}\n                    </template>\n                </vx-card>\n            </div>\n\n            <!-- PIE CHART -->\n            <div class=\"vx-col md:w-1/2 w-full mb-base\">\n                <vx-card title=\"Pie Chart\" code-toggler>\n                    <vue-apex-charts type=\"pie\" height=\"350\" :options=\"apexChatData.pieChart.chartOptions\" :series=\"apexChatData.pieChart.series\"></vue-apex-charts>\n                    <template slot=\"codeContainer\">\n{{ apexChatData.pieChartCode }}\n                    </template>\n                </vx-card>\n            </div>\n\n            <!-- DONUT CHART -->\n            <div class=\"vx-col md:w-1/2 w-full mb-base\">\n                <vx-card title=\"Donut Chart\" code-toggler>\n                    <vue-apex-charts type=\"donut\" height=\"350\" :options=\"apexChatData.donutChart.chartOptions\" :series=\"apexChatData.donutChart.series\"></vue-apex-charts>\n                    <template slot=\"codeContainer\">\n{{ apexChatData.donutChartCode }}\n                    </template>\n                </vx-card>\n            </div>\n\n            <!-- RADIAL BAR CHART -->\n            <div class=\"vx-col md:w-1/2 w-full mb-base\">\n                <vx-card title=\"Radial Bar Chart\" code-toggler>\n                    <vue-apex-charts type=\"radialBar\" height=\"350\" :options=\"apexChatData.radialBarChart.chartOptions\" :series=\"apexChatData.radialBarChart.series\"></vue-apex-charts>\n                    <template slot=\"codeContainer\">\n{{ apexChatData.radialBarChartCode }}\n                    </template>\n                </vx-card>\n            </div>\n\n            <!-- RADAR CHART -->\n            <div class=\"vx-col md:w-1/2 w-full\">\n                <vx-card title=\"Radar Chart\" code-toggler>\n                    <vue-apex-charts type=\"radar\" height=\"350\" :options=\"apexChatData.radarChart.chartOptions\" :series=\"apexChatData.radarChart.series\"></vue-apex-charts>\n                    <template slot=\"codeContainer\">\n{{ apexChatData.radarChartCode }}\n                    </template>\n                </vx-card>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport VueApexCharts from 'vue-apexcharts'\nimport apexChatData from './apexChartData.js'\n\nexport default {\n  data () {\n    return {\n      apexChatData\n    }\n  },\n  components: {\n    VueApexCharts\n  }\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!./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/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=bf1a335c&\"\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":""}