{"version":3,"sources":["webpack:///./src/components/SecurityPage/TabSection/DataSection/Graphs/ScatterChart/ScatterChart.vue?bca8","webpack:///src/components/SecurityPage/TabSection/DataSection/Graphs/ScatterChart/ScatterChart.vue","webpack:///./src/components/SecurityPage/TabSection/DataSection/Graphs/ScatterChart/ScatterChart.vue?c0fd","webpack:///./src/components/SecurityPage/TabSection/DataSection/Graphs/ScatterChart/ScatterChart.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticRenderFns","name","props","labels","type","revenue","profitability","data","computed","watch","methods","loadChart","series","chart","height","toolbar","show","colors","stroke","curve","grid","borderColor","row","opacity","markers","size","xaxis","categories","mounted","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,MAAM,CAAC,GAAK,mBAClHC,EAAkB,G,qBCIP,GACfC,oBACAC,OACAC,QACAC,YAEAC,SACAD,YAEAE,eACAF,aAGAG,gBACA,UAEAC,YACAC,SACAC,SACAC,qBACA,OACAC,QACA,CACAX,WAEAM,mBAEA,CACAN,YAEAM,0BAGAM,OACAC,gDACAV,YASAW,SACAC,UAWAC,6BACAC,QACAC,gBAMAC,MACAC,sBACAC,KACAL,iCACAM,aAGAC,SACAC,QAEAC,OAEAC,yBAYA,qDACAd,aAGAe,mBACA,mBClGia,I,YCO7ZC,EAAY,eACd,EACArC,EACAQ,GACA,EACA,KACA,KACA,MAIa,aAAA6B,E","file":"js/chunk-2d0ccfb3.3ffa54e8.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"scatterChart\"}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div id=\"scatterChart\"></div>\n</template>\n<script>\nimport ApexCharts from \"apexcharts\";\nexport default {\n  name: \"ScatterChart\",\n  props: {\n    labels: {\n      type: Array,\n    },\n    revenue: {\n      type: Array,\n    },\n    profitability: {\n      type: Array,\n    },\n  },\n  data() {\n    return {};\n  },\n  computed: {},\n  watch: {},\n  methods: {\n    loadChart() {\n      var options = {\n        series: [\n          {\n            name: \"RoE\",\n            // data: [28, 29, 33, 36, 32, 32, 33],\n            data: this.revenue,\n          },\n          {\n            name: \"RoCE\",\n            // data: [12, 11, 14, 18, 17, 13, 13],\n            data: this.profitability,\n          },\n        ],\n        chart: {\n          height: this.$vuetify.breakpoint.smAndUp ? 350 : 250,\n          type: \"line\",\n          // dropShadow: {\n          //   enabled: true,\n          //   color: \"#000\",\n          //   top: 18,\n          //   left: 7,\n          //   blur: 10,\n          //   opacity: 0.2,\n          // },\n          toolbar: {\n            show: false,\n          },\n        },\n        // dataLabels: {\n        //   enabled: true,\n        //   offsetX: -6,\n        //   style: {\n        //     fontSize: \"12px\",\n        //     // colors: [\"#fff\"],\n        //   },\n        // },\n        colors: [\"#77B6EA\", \"#545454\"],\n        stroke: {\n          curve: \"smooth\",\n        },\n        // title: {\n        //   text: \"Average High & Low Temperature\",\n        //   align: \"left\",\n        // },\n        grid: {\n          borderColor: \"#e7e7e7\",\n          row: {\n            colors: [\"#f3f3f3\", \"transparent\"], // takes an array which will be repeated on columns\n            opacity: 0.5,\n          },\n        },\n        markers: {\n          size: 1,\n        },\n        xaxis: {\n          // categories: [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\", \"Jul\"],\n          categories: this.labels,\n        },\n\n        // legend: {\n        //   position: \"top\",\n        //   horizontalAlign: \"right\",\n        //   floating: true,\n        //   offsetY: -25,\n        //   offsetX: -5,\n        // },\n      };\n\n      var chart = new ApexCharts(document.querySelector(\"#scatterChart\"), options);\n      chart.render();\n    },\n  },\n  mounted() {\n    this.loadChart();\n  },\n};\n</script>\n","import mod from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ScatterChart.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ScatterChart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ScatterChart.vue?vue&type=template&id=0ab10e00&\"\nimport script from \"./ScatterChart.vue?vue&type=script&lang=js&\"\nexport * from \"./ScatterChart.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":""}