{"version":3,"sources":["webpack:///./src/components/FactorAnalysisReturnsChart.vue?fc47","webpack:///./src/components/FactorAnalysisReturnsChart.vue?5ec8","webpack:///src/components/FactorAnalysisReturnsChart.vue","webpack:///./src/components/FactorAnalysisReturnsChart.vue?af55","webpack:///./src/components/FactorAnalysisReturnsChart.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","ref","attrs","staticRenderFns","name","props","data","Object","options","methods","setChart","backgroundColor","grid","show","top","bottom","left","right","containLabel","toolbox","feature","saveAsImage","emphasis","iconStyle","color","borderColor","textStyle","fontFamily","fontSize","fontWeight","title","tooltip","trigger","axisPointer","type","animation","label","precision","borderWidth","align","xAxis","boundaryGap","splitLine","lineStyle","width","yAxis","window","innerWidth","setOptions","series","forEach","push","element","itemStyle","zlevel","$refs","priceChart","setOption","watch","keys","length","mounted","undefined","component"],"mappings":"kHAAA,W,yCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,UAAU,CAACG,IAAI,aAAaD,YAAY,QAAQE,MAAM,CAAC,WAAa,OAAO,IAChNC,EAAkB,G,4CCUtB,GACEC,KAAM,6BACNC,MAAO,CACLC,KAAMC,QAERD,KALF,WAMI,MAAO,CACLE,QAAS,KAGbC,QAAS,CACPC,SAAU,WACRf,KAAKa,QAAU,CACbG,gBAAiB,sBACjBC,KAAM,CACJD,gBAAiB,wBACjBE,MAAM,EACNC,IAAK,MACLC,OAAQ,KACRC,KAAM,KACNC,MAAO,KACPC,cAAc,GAIhBC,QAAS,CACPN,MAAM,EACNO,QAAS,CAEPC,YAAa,IAEfJ,MAAO,GACPH,IAAK,GACLQ,SAAU,CACRC,UAAW,CACTC,MAAO,2BACPC,YAAa,8BAInBC,UAAW,CACTC,WAAY,gBACZC,SAAU,GACVC,WAAY,UACZL,MAAO,0BAETM,MAAO,CACf,CACU,KAAV,uBACU,KAAV,KACU,IAAV,KACU,UAAV,CACY,WAAZ,gBACY,WAAZ,UACY,MAAZ,UACY,SAAZ,MAIQC,QAAS,CACPC,QAAS,OACTC,YAAa,CACXC,KAAM,QACNC,WAAW,EACXC,MAAO,CACLvB,MAAM,EACNF,gBAAiB,UACjBiB,SAAU,GACVS,UAAW,IAGf1B,gBAAiB,wBACjBc,YAAa,mBACba,YAAa,EACbZ,UAAW,CACTF,MAAO,yBACPe,MAAO,SAGXC,MAAO,CACLN,KAAM,WACNO,aAAa,EACbnC,KAAMX,KAAKW,KAAK,SAChBoC,UAAW,CACT7B,MAAM,EACN8B,UAAW,CACTnB,MAAO,2BACPoB,MAAO,KAIbC,MAAO,CACf,CACU,KAAV,QACU,KAAV,UACU,MAAV,EACU,SAAV,OACU,cAAV,CACY,SAAZ,IAEU,UAAV,CACY,MAAZ,EACY,UAAZ,CACc,MAAd,2BACc,MAAd,OAOUC,OAAOC,WAAa,MACtBpD,KAAKa,QAAQ,QAAU,CACrBG,gBAAiB,wBACjBE,MAAM,EACNC,IAAK,MACLC,OAAQ,KACRC,KAAM,KACNC,MAAO,KACPC,cAAc,KASpB8B,WAAY,WAAhB,WACUC,EAAS,GACbtD,KAAKW,KAAK,UAAU4C,SAAQ,SAAlC,KACQD,EAAOE,KAAK,CACV/C,KAAM,EAAhB,iBACU8B,KAAM,OACN5B,KAAM8C,EACNT,UACV,2BACA,CAAY,MAAZ,wBACA,CAAY,MAAZ,wBAAY,MAAZ,IACUU,UACV,2BACA,CAAY,MAAZ,0BACA,CAAY,MAAZ,yBACUC,OAAV,QAAkB,EAAlB,0BAIM3D,KAAKa,QAAQ,UAAYyC,EACzBtD,KAAK4D,MAAMC,WAAWC,UAAU9D,KAAKa,SAAS,KAGlDkD,MAAO,CACLpD,KAAM,WACAC,OAAOoD,KAAKhE,KAAKW,MAAMsD,OAAS,IAClCjE,KAAKe,WACLf,KAAKqD,gBAIXa,QA/JF,WA+JA,gBACqBC,GAAbnE,KAAKW,MACHC,OAAOoD,KAAKhE,KAAKW,MAAMsD,OAAS,IAClCjE,KAAKe,WACLf,KAAKqD,cAGT,EAAJ,yCACM,EAAN,gBClLoW,I,wBCQhWe,EAAY,eACd,EACAtE,EACAU,GACA,EACA,KACA,WACA,MAIa,aAAA4D,E","file":"js/chunk-7e19aad9.8db45d74.js","sourcesContent":["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!./FactorAnalysisReturnsChart.vue?vue&type=style&index=0&id=1c3ebe3c&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"price-chart\"},[_c('v-chart',{ref:\"priceChart\",staticClass:\"chart\",attrs:{\"autoresize\":\"\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"price-chart\">\n    <v-chart class=\"chart\" autoresize ref=\"priceChart\" />\n  </div>\n</template>\n\n<script>\nimport \"echarts\";\n//import { graphic } from \"echarts/core\";\nimport { eventBus } from \"../main\";\n\nexport default {\n  name: \"FactorAnalysisReturnsChart\",\n  props: {\n    data: Object\n  },\n  data() {\n    return {\n      options: {}\n    };\n  },\n  methods: {\n    setChart: function() {\n      this.options = {\n        backgroundColor: \"rgba(29, 29, 29, 1)\",\n        grid: {\n          backgroundColor: \"rgba(26, 217, 204, 1)\",\n          show: false,\n          top: \"25%\",\n          bottom: \"8%\",\n          left: \"45\",\n          right: \"40\",\n          containLabel: true\n          //bottom: \"3%\"\n        },\n\n        toolbox: {\n          show: true,\n          feature: {\n            // restore: {},\n            saveAsImage: {}\n          },\n          right: 30,\n          top: 10,\n          emphasis: {\n            iconStyle: {\n              color: \"rgba(186, 116, 227, 0.8)\",\n              borderColor: \"rgba(186, 116, 227, 0.8)\"\n            }\n          }\n        },\n        textStyle: {\n          fontFamily: \"Chivo-Regular\",\n          fontSize: 16,\n          fontWeight: \"lighter\",\n          color: \"rgba(255, 255, 255, 1)\"\n        },\n        title: [\n          {\n            text: \"Past Signals Returns\",\n            left: \"30\",\n            top: \"5%\",\n            textStyle: {\n              fontFamily: \"Chivo-Regular\",\n              fontWeight: \"lighter\",\n              color: \"#ffffff\",\n              fontSize: 20\n            }\n          }\n        ],\n        tooltip: {\n          trigger: \"item\",\n          axisPointer: {\n            type: \"cross\",\n            animation: false,\n            label: {\n              show: false,\n              backgroundColor: \"#282829\",\n              fontSize: 15,\n              precision: 0\n            }\n          },\n          backgroundColor: \"rgba(20, 20, 20, 0.7)\",\n          borderColor: \"rgba(0, 0, 0, 1)\",\n          borderWidth: 0,\n          textStyle: {\n            color: \"rgba(251, 251, 251, 1)\",\n            align: \"left\"\n          }\n        },\n        xAxis: {\n          type: \"category\",\n          boundaryGap: false,\n          data: this.data[\"index\"],\n          splitLine: {\n            show: true,\n            lineStyle: {\n              color: \"rgba(234, 234, 234, 0.1)\",\n              width: 1\n            }\n          }\n        },\n        yAxis: [\n          {\n            type: \"value\",\n            name: \"Returns\",\n            show: true,\n            position: \"left\",\n            nameTextStyle: {\n              fontSize: 14\n            },\n            splitLine: {\n              show: true,\n              lineStyle: {\n                color: \"rgba(234, 234, 234, 0.1)\",\n                width: 1\n              }\n            }\n          }\n        ]\n      };\n\n      if (window.innerWidth < 850) {\n        this.options[\"grid\"] = {\n          backgroundColor: \"rgba(26, 217, 204, 1)\",\n          show: false,\n          top: \"23%\",\n          bottom: \"8%\",\n          left: \"10\",\n          right: \"10\",\n          containLabel: true\n          //bottom: \"3%\"\n        };\n        // this.options[\"toolbox\"][\"show\"] = false;\n        // this.options[\"yAxis\"][0][\"show\"] = false;\n        // this.options[\"yAxis\"][1][\"show\"] = false;\n        // this.options[\"tooltip\"][\"confine\"] = true;\n      }\n    },\n    setOptions: function() {\n      var series = [];\n      this.data[\"series\"].forEach((element, index) => {\n        series.push({\n          name: this.data[\"names\"][index],\n          type: \"line\",\n          data: element,\n          lineStyle:\n            this.data[\"names\"][index] == \"Mean\"\n              ? { color: \"rgba(255, 5, 113, 1)\" }\n              : { color: \"rgba(109, 89, 122, 1)\", width: 0.5 },\n          itemStyle:\n            this.data[\"names\"][index] == \"Mean\"\n              ? { color: \"rgba(255, 5, 113, 0.4)\" }\n              : { color: \"rgba(103, 34, 148, 1)\" },\n          zlevel: this.data[\"names\"][index] == \"Mean\" ? 1 : 0\n        });\n      });\n\n      this.options[\"series\"] = series;\n      this.$refs.priceChart.setOption(this.options, true);\n    }\n  },\n  watch: {\n    data: function() {\n      if (Object.keys(this.data).length > 0) {\n        this.setChart();\n        this.setOptions();\n      }\n    }\n  },\n  mounted() {\n    if (this.data != undefined) {\n      if (Object.keys(this.data).length > 0) {\n        this.setChart();\n        this.setOptions();\n      }\n    }\n    eventBus.$on(\"breakpoint\", () => {\n      this.setChart();\n    });\n    // var reload = () => {\n    //   console.log(\"destroy\");\n    //   setTimeout(reload, 500);\n    //   this.setChart();\n    // };\n    // setTimeout(reload, 3000);\n  }\n};\n</script>\n\n<style scoped>\n.chart {\n  height: 400px;\n  width: 100%;\n}\n\n.price-chart {\n  width: 100%;\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!./FactorAnalysisReturnsChart.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!./FactorAnalysisReturnsChart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FactorAnalysisReturnsChart.vue?vue&type=template&id=1c3ebe3c&scoped=true&\"\nimport script from \"./FactorAnalysisReturnsChart.vue?vue&type=script&lang=js&\"\nexport * from \"./FactorAnalysisReturnsChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FactorAnalysisReturnsChart.vue?vue&type=style&index=0&id=1c3ebe3c&scoped=true&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  \"1c3ebe3c\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}