{"version":3,"sources":["webpack:///./src/views/edc/charts/ChartBarSeries.vue?715b","webpack:///src/views/edc/charts/ChartBarSeries.vue","webpack:///./src/views/edc/charts/ChartBarSeries.vue?d7e7","webpack:///./src/views/edc/charts/ChartBarSeries.vue?cfc7","webpack:///./src/views/edc/charts/ChartBarSeries.vue?146b"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","attrs","option","_v","_s","totalOfleads","_e","staticRenderFns","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,UAAU,CAACE,YAAY,QAAQC,YAAY,CAAC,MAAQ,OAAO,OAAS,QAAQC,MAAM,CAAC,OAASR,EAAIS,UAAWT,EAAgB,aAAEI,EAAG,MAAM,CAACA,EAAG,KAAK,CAACJ,EAAIU,GAAG,cAAcN,EAAG,OAAO,CAACJ,EAAIU,GAAGV,EAAIW,GAAGX,EAAIY,iBAAiBZ,EAAIU,GAAG,eAAeV,EAAIa,MAAM,IAC5VC,EAAkB,G,gJC2BtB,gBACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,SAEA,OACE,WAAF,CACI,OAAJ,QAEE,MAAF,CACI,aAAJ,CACM,KAAN,MACM,UAAN,GAEI,WAAJ,CACM,KAAN,MACM,UAAN,GAEI,WAAJ,CACM,KAAN,MACM,UAAN,GAEI,aAAJ,CACM,KAAN,OACM,UAAN,IAGE,KAAF,WAAI,MAAJ,CAuFML,OAAQ,KAEZ,QA/GF,aAgHE,MAAF,CACI,aADJ,SACA,GACA,GACQ,KAAR,mBAIE,QAAF,CACI,eADJ,WAEM,KAAN,QACQ,QAAR,CACU,QAAV,OACU,YAAV,CAEY,KAAZ,WAGQ,OAAR,GACQ,KAAR,CACU,KAAV,KACU,MAAV,KACU,OAAV,KACU,cAAV,GAEQ,MAAR,CACU,KAAV,SAEQ,MAAR,CACU,KAAV,WACU,KAAV,iBAEQ,OAAR,IAGM,IAAN,qCACQ,KAAR,oBACU,KACV,yBACA,mBACA,cACU,KAAV,MACU,MAAV,QACU,MAAV,CACY,MAAZ,GAEU,SAAV,CACY,MAAZ,UAEU,KAAV,0BCvMsX,I,wBCQlXM,EAAY,eACd,EACAhB,EACAe,GACA,EACA,KACA,KACA,MAIa,aAAAC,E,oECnBf,yBAAyf,EAAG","file":"js/chunk-4dd77abb.e8251e45.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('v-chart',{staticClass:\"chart\",staticStyle:{\"width\":\"70vw\",\"height\":\"70vh\"},attrs:{\"option\":_vm.option}}),(_vm.totalOfleads)?_c('div',[_c('h3',[_vm._v(\" Total of \"),_c('span',[_vm._v(_vm._s(_vm.totalOfleads))]),_vm._v(\" Leads \")])]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <v-chart\n      class=\"chart\"\n      :option=\"option\"\n      style=\"width: 70vw; height: 70vh;\"\n    />\n    <div v-if=\"totalOfleads\">\n      <h3>\n        Total of <span>{{ totalOfleads }}</span> Leads\n      </h3>\n    </div>\n  </div>\n</template>\n\n<script>\n  import {BarChart, LineChart, PieChart} from 'echarts/charts';\n  import {\n    GridComponent,\n    LegendComponent,\n    ToolboxComponent,\n    TooltipComponent,\n  } from 'echarts/components';\n  import {use} from 'echarts/core';\n  import {UniversalTransition} from 'echarts/features';\n  import {CanvasRenderer} from 'echarts/renderers';\n  import VChart from 'vue-echarts';\n\n  use([\n    ToolboxComponent,\n    TooltipComponent,\n    GridComponent,\n    LegendComponent,\n    BarChart,\n    LineChart,\n    PieChart,\n    CanvasRenderer,\n    UniversalTransition,\n  ]);\n  export default {\n    components: {\n      VChart,\n    },\n    props: {\n      informations: {\n        type: Array,\n        required: true,\n      },\n      labelStack: {\n        type: Array,\n        required: false,\n      },\n      leadSource: {\n        type: Array,\n        required: false,\n      },\n      totalOfleads: {\n        type: Number,\n        required: false,\n      },\n    },\n    data: () => ({\n      // option: {\n      //   tooltip: {\n      //     trigger: 'axis',\n      //     axisPointer: {\n      //       // Use axis to trigger tooltip\n      //       type: 'shadow', // 'shadow' as default; can also be 'line' or 'shadow'\n      //     },\n      //   },\n      //   legend: {},\n      //   grid: {\n      //     left: '3%',\n      //     right: '4%',\n      //     bottom: '3%',\n      //     containLabel: true,\n      //   },\n      //   xAxis: {\n      //     type: 'value',\n      //   },\n      //   yAxis: {\n      //     type: 'category',\n      //     data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],\n      //   },\n      //   series: [\n      //     {\n      //       name: 'Direct',\n      //       type: 'bar',\n      //       stack: 'total',\n      //       label: {\n      //         show: true,\n      //       },\n      //       emphasis: {\n      //         focus: 'series',\n      //       },\n      //       data: [320, 302, 301, 334, 390, 330, 320],\n      //     },\n      //     {\n      //       name: 'Mail Ad',\n      //       type: 'bar',\n      //       stack: 'total',\n      //       label: {\n      //         show: true,\n      //       },\n      //       emphasis: {\n      //         focus: 'series',\n      //       },\n      //       data: [120, 132, 101, 134, 90, 230, 210],\n      //     },\n      //     {\n      //       name: 'Affiliate Ad',\n      //       type: 'bar',\n      //       stack: 'total',\n      //       label: {\n      //         show: true,\n      //       },\n      //       emphasis: {\n      //         focus: 'series',\n      //       },\n      //       data: [220, 182, 191, 234, 290, 330, 310],\n      //     },\n      //     {\n      //       name: 'Video Ad',\n      //       type: 'bar',\n      //       stack: 'total',\n      //       label: {\n      //         show: true,\n      //       },\n      //       emphasis: {\n      //         focus: 'series',\n      //       },\n      //       data: [150, 212, 201, 154, 190, 330, 410],\n      //     },\n      //     {\n      //       name: 'Search Engine',\n      //       type: 'bar',\n      //       stack: 'total',\n      //       label: {\n      //         show: true,\n      //       },\n      //       emphasis: {\n      //         focus: 'series',\n      //       },\n      //       data: [820, 832, 901, 934, 1290, 1330, 1320],\n      //     },\n      //   ],\n      // },\n\n      option: {},\n    }),\n    mounted() {},\n    watch: {\n      informations(value) {\n        if (value) {\n          this.getpaymentForm();\n        }\n      },\n    },\n    methods: {\n      getpaymentForm() {\n        this.option = {\n          tooltip: {\n            trigger: 'axis',\n            axisPointer: {\n              // Use axis to trigger tooltip\n              type: 'shadow', // 'shadow' as default; can also be 'line' or 'shadow'\n            },\n          },\n          legend: {},\n          grid: {\n            left: '3%',\n            right: '4%',\n            bottom: '3%',\n            containLabel: true,\n          },\n          xAxis: {\n            type: 'value',\n          },\n          yAxis: {\n            type: 'category',\n            data: this.labelStack,\n          },\n          series: [],\n        };\n\n        for (let index = 0; index < this.labelStack.length; index++) {\n          this.option.series.push({\n            name:\n              this.leadSource[index] != null\n                ? this.leadSource[index]\n                : 'All Clinics',\n            type: 'bar',\n            stack: 'total',\n            label: {\n              show: true,\n            },\n            emphasis: {\n              focus: 'series',\n            },\n            data: this.informations[index],\n          });\n        }\n      },\n    },\n  };\n</script>\n<style>\n  h3 {\n    color: #565656;\n  }\n  span {\n    color: #54c81e;\n    font-weight: bold;\n  }\n</style>\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!./ChartBarSeries.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!./ChartBarSeries.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChartBarSeries.vue?vue&type=template&id=4acdf100&\"\nimport script from \"./ChartBarSeries.vue?vue&type=script&lang=js&\"\nexport * from \"./ChartBarSeries.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ChartBarSeries.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartBarSeries.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartBarSeries.vue?vue&type=style&index=0&lang=css&\""],"sourceRoot":""}