{"version":3,"sources":["webpack:///./src/components/charts/mobile-charts/trader-drawdown.vue?4957","webpack:///./src/components/charts/mobile-charts/trader-slippage.vue?eb2e","webpack:///./src/views/trader/advanced.vue","webpack:///./src/components/charts/mobile-charts/trader-performance.vue","webpack:///./src/components/charts/mobile-charts/trader-performance.vue?67c8","webpack:///./src/components/charts/mobile-charts/trader-trading.vue","webpack:///./src/components/charts/mobile-charts/trader-trading.vue?5628","webpack:///./src/components/charts/mobile-charts/trader-drawdown.vue","webpack:///./src/components/charts/mobile-charts/trader-drawdown.vue?8335","webpack:///./src/components/charts/mobile-charts/trader-slippage.vue","webpack:///./src/components/charts/mobile-charts/trader-slippage.vue?d6a9","webpack:///./src/views/trader/advanced.vue?1947","webpack:///./src/components/charts/mobile-charts/trader-trading.vue?1003","webpack:///./src/components/charts/mobile-charts/trader-performance.vue?f93c"],"names":["class","id","style","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_normalizeClass","$data","charttab","href","onClick","_cache","$event","$options","changeChartTab","_ctx","COMMON","isCobrandedDomain","_hoisted_6","$setup","store","singleLoading","_createBlock","_component_Loader","classname","_component_Performance","key","_component_Trading","_component_Drawdown","_component_Slippage","_hoisted_7","_hoisted_8","_Fragment","_renderList","dateDrop","list","dateDropSelected","value","_withModifiers","changeRoute","_hoisted_9","Object","keys","tradingPerformanceChart","length","series","data","_createVNode","_component_Nodata","setup","myStore","performance","performanceFilter","performancelabeljson","0","1","this","$parent","tradingprofitTab","traderDetail","trader","stats","profile","baseCurrencyName","2","watch","$route","params","query","t","getTradingPerformanceChartData","methods","drawPerformanceChart","d","am5","rootElements","find","i","dom","dispose","root","new","interfaceColors","set","setThemes","am5themes_Animated","am5themes_Responsive","chart","container","children","push","am5xy","focusable","panX","panY","wheelX","wheelY","pinchZoomX","draggable","cursor","behavior","lineY","lineX","xAxis","xAxes","maxDeviation","baseInterval","timeUnit","count","renderer","yAxis","yAxes","json","rotation","y","text","centerX","fontSize","fill","label1","unshift","yRenderer","get","grid","template","setAll","stroke","strokeWidth","legend","bottomAxesContainer","x","layout","horizontalLayout","useDefaultMarker","labels","fontWeight","markerRectangles","cornerRadiusTL","cornerRadiusTR","cornerRadiusBL","cornerRadiusBR","markers","width","height","forEach","val","index","legendLabelText","valueYField","valueXField","tooltip","labelText","appear","drawPairsPerformanceChart","categoryField","minGridDistance","label2","centerY","name","sequencedInterpolation","categoryXField","min","columns","drawBestWorstPerformaceChart","numberFormatter","numberFormat","smallNumberThreshold","inversedJson","inversed","strokes","formData","callTradingPerformanceChartData","then","mounted","__exports__","tradingPairsChart","tradinfFilter","trading","getTradingData","drawTradingChartData","am5percent","verticalLayout","valueField","slices","radius","type","callTradingPairsChartData","tradingDrawDownChart","loader","drawdownJSon","getTrendingDrawDownChartData","drawdownChart","dateFormatter","dateFormat","dateFields","extraMin","reverse","volumeAxisRenderer","volumeAxis","volumeSeries","callTrendingDrawDownChartData","tradingSlippageChart","drawSlippageChart","xRenderer","paddingRight","getTrendingSlippageChartData","components","Performance","Trading","Drawdown","Slippage","path","$router","replace","calltraderDetail","created","parseInt","render"],"mappings":"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","file":"js/chunk-772974bd.38de303d.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./trader-drawdown.vue?vue&type=style&index=0&id=5e166d2e&lang=css\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./trader-slippage.vue?vue&type=style&index=0&id=4b3d03d8&lang=css\"","<template>\n    <section class=\"blockElement\">\n        <div class=\"row\">\n            <div class=\"col-12 customHeight\">\n                <div class=\"rightTradeChart position-relative\">\n                    <ul id=\"tabs-nav\" class=\"zuluTabs d-flex align-items-center mb-3\">\n                        <li :class=\"[{ 'active': charttab == 1 }]\"><a class=\"pt-3 pb-3 f-16\" href=\"javascript:void(0)\"\n                                @click=\"changeChartTab(1)\">Performance</a></li>\n                        <li :class=\"[{ 'active': charttab == 2 }]\"><a class=\"pt-3 pb-3 f-16\" href=\"javascript:void(0)\"\n                                @click=\"changeChartTab(2)\">Trading</a></li>\n                        <li :class=\"[{ 'active': charttab == 3 }]\"><a class=\"pt-3 pb-3 f-16\" href=\"javascript:void(0)\"\n                                @click=\"changeChartTab(3)\">DrawDown</a></li>\n                        <li v-if=\"!COMMON.isCobrandedDomain()\" :class=\"[{ 'active': charttab == 4 }]\"><a\n                                class=\"pt-3 pb-3 f-16\" href=\"javascript:void(0)\" @click=\"changeChartTab(4)\">Slippage</a>\n                        </li>\n                    </ul>\n                    <div class=\"position-relative\" style=\"height:300px;\">\n                        <Loader :classname=\"'innerLoader'\" v-if=\"store.singleLoading\"></Loader>\n                        <Performance v-if=\"charttab == 1\" />\n                        <Trading v-if=\"charttab == 2\" />\n                        <Drawdown v-if=\"charttab == 3\" />\n                        <Slippage v-if=\"charttab == 4\" />\n                    </div>\n                    <div v-if=\"charttab != 4\">\n                        <ul class=\"d-flex align-items-center justify-content-evenly\">\n                            <li v-for=\"list in dateDrop\" :key=\"list.key\">\n                                <a class=\"f-14 gray selectDay\" @click.prevent=\"dateDropSelected = list; changeRoute()\"\n                                    :class=\"[{ 'active': dateDropSelected.value == list.value }]\"\n                                    href=\"javascript:void(0);\">{{ list.value }}</a>\n                            </li>\n                        </ul>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </section>\n</template>\n<script>\nimport { myStore } from \"@/store/pinia-store\";\nimport Performance from \"@/components/charts/mobile-charts/trader-performance\";\nimport Trading from \"@/components/charts/mobile-charts/trader-trading\";\nimport Drawdown from \"@/components/charts/mobile-charts/trader-drawdown\";\nimport Slippage from \"@/components/charts/mobile-charts/trader-slippage\";\nexport default {\n    setup() {\n        const store = myStore();\n        return { store };\n    },\n    data() {\n        return {\n            charttab: 1,\n            dateDrop: [\n                { key: 1, value: \"1D\" },\n                { key: 3, value: \"3D\" },\n                { key: 7, value: \"7D\" },\n                { key: 30, value: \"1M\" },\n                { key: 90, value: \"3M\" },\n                { key: 180, value: \"6M\" },\n                { key: 365, value: \"1Y\" },\n                { key: 10000, value: \"Overall\" },\n            ],\n            dateDropSelected: { key: 10000, value: \"Overall\" },\n        };\n    },\n    components: {\n        Performance,\n        Trading,\n        Drawdown,\n        Slippage,\n    },\n    methods: {\n        changeChartTab(val) {\n            this.charttab = val;\n        },\n        changeRoute() {\n            let path = `/advanced/${this.$route.params.id}`;\n            this.$router.replace({ path: path, query: { t: this.dateDropSelected.key } });\n        },\n        calltraderDetail() {\n            this.changeRoute();\n            //this.store.calltraderDetail({}, true, this.$route.params.id, this);\n        },\n    },\n    created() {\n        if (this.$route.query.t) {\n            this.dateDrop.forEach((val) => {\n                if (val.key == parseInt(this.$route.query.t)) {\n                    this.dateDropSelected = val;\n                }\n            });\n        } else {\n            this.dateDropSelected = { key: 10000, value: \"Overall\" };\n        }\n        //this.calltraderDetail();\n    },\n};\n</script>\n","<template>\n    <!-- <Loader v-if=\"store.singleLoading\"></Loader> -->\n    <!-- <div id=\"advancedSearch\" class=\"text-end insideGraph\">\n        <div class=\"advancedMenu\">\n            <a href=\"javascript:void(0)\" class=\"selectDropdown min-auto bg-white f-14 d-flex align-items-center justify-content-between\" @click=\"performance = !performance\" style=\"width:210px\">{{performanceFilter}}<i class=\"ms-2 fa fa-caret-down\" aria-hidden=\"true\"></i></a>\n            <ul class=\"dropdown_menu_animated week py-2\" :class=\"[{'show':performance}]\">\n                <li v-for=\"value,key in static_vars.tradingPerformaceFilterJson\" :key=\"key\">\n                    <a @click=\"performanceFilter=value;performance=false;getTradingPerformanceChartData()\" :class=\"[{'active':performanceFilter == value}]\" href=\"javascript:void(0)\">{{value}}</a>\n                </li>\n            </ul>\n        </div>\n    </div> -->\n    <div id=\"tradingperformanceChart\" class=\"tradingperformanceChart\" style=\"margin-left: -22px;height:300px\" v-show=\"Object.keys(store.tradingPerformanceChart).length && store.tradingPerformanceChart.series && store.tradingPerformanceChart.series.length && store.tradingPerformanceChart.series[0].data.length\"></div>\n     <div class=\"nodataStructure\" v-if=\"!store.singleLoading && Object.keys(store.tradingPerformanceChart).length && store.tradingPerformanceChart.series && store.tradingPerformanceChart.series.length && !store.tradingPerformanceChart.series[0].data.length\">\n     <Nodata></Nodata></div>\n</template>\n\n<script>\nimport * as am5 from \"@amcharts/amcharts5\";\nimport * as am5xy from \"@amcharts/amcharts5/xy\";\nimport am5themes_Animated from \"@amcharts/amcharts5/themes/Animated\";\nimport am5themes_Responsive from \"@amcharts/amcharts5/themes/Responsive\";\nimport { myStore } from \"@/store/pinia-store\";\nexport default {\n    setup() {\n        const store = myStore();\n        return { store };\n    },\n    data() {\n        return{\n            performance : false,\n            performanceFilter : 'Include Unrealized PnL',\n            performancelabeljson : {\n                'Include Unrealized PnL' : {\n                    0 : 'Total PnL',\n                    1 : 'Unrealised PnL'\n                },\n                'Closed Trades Only' : {\n                    0 : this.$parent.$parent.tradingprofitTab != 'Pips' ? this.store.traderDetail.trader.stats.profile.baseCurrencyName : 'Pips'\n                },\n                'Trade Volume' : {\n                    0 : 'Win',\n                    1 : 'Lose',\n                    2 : 'Break-Even'\n                },\n                'Best-Worst' : {\n                    0 : 'Best Trade',\n                    1 : 'Worst Trade'\n                },\n                'Ranking' : {\n                    0 : 'Ranking'\n                }\n            }\n        }\n    },\n     watch : {\n        '$route.params.id'() {\n            if(this.$route.params.id && this.$route.query.t){\n                this.getTradingPerformanceChartData()\n            }\n        },\n        '$route.query.t'() {\n            if(this.$route.query.t && this.$route.params.id){\n                this.getTradingPerformanceChartData()\n            }\n        },\n        // '$parent.$parent.tradingprofitTab'(){\n        //     this.getTradingPerformanceChartData()\n        // }\n    },\n    methods: {\n        drawPerformanceChart(){\n            let d = am5.registry.rootElements.find((i) => i.dom && i.dom.id === 'tradingperformanceChart');\n            d?.dispose();\n            var root = am5.Root.new(\"tradingperformanceChart\");\n            root.interfaceColors.set(\"grid\", am5.color(0xffffff));\n            // Set themes\n            root.setThemes([\n                am5themes_Animated.new(root),\n                am5themes_Responsive.new(root),\n            ]);\n\n            // Create chart\n            var chart = root.container.children.push(am5xy.XYChart.new(root, {\n                focusable: true,\n                panX: false,\n                panY: false,\n                wheelX: \"panX\",\n                wheelY: \"zoomX\",\n                pinchZoomX:false,\n                draggable:false\n            }));\n\n            // Add cursor\n            var cursor = chart.set(\"cursor\", am5xy.XYCursor.new(root, {\n                behavior: \"none\"\n            }));\n            cursor.lineY.set(\"visible\", false);\n            cursor.lineX.set(\"visible\", false);\n\n            // Create axes\n            var xAxis = chart.xAxes.push(am5xy.DateAxis.new(root, {\n                maxDeviation: 0,\n                baseInterval: {\n                    timeUnit: \"month\",\n                    count: 1\n                },\n                renderer: am5xy.AxisRendererX.new(root, {}),\n                // tooltip: am5.Tooltip.new(root, {})\n            }));\n            // var label2 = am5.Label.new(root, {\n            //     text: \"[#666] Date [/]\",\n            //     x: am5.p50,\n            //     centerY: am5.p50,\n            //     fontSize: 12,\n            // })\n            // xAxis.children.push( label2 );\n            var yAxis = chart.yAxes.push(am5xy.ValueAxis.new(root, {\n                renderer: am5xy.AxisRendererY.new(root, {})\n            }));\n            let json = {};\n            if(this.performanceFilter == 'Trade Volume'){\n                json = {\n                    rotation: -90,\n                    y: am5.p50,\n                    text: \"[#666] Number of Trades [/]  \",\n                    centerX: am5.p50,\n                    fontSize: 12,\n                }\n            }else{\n                if(this.$parent.$parent.tradingprofitTab == this.store.traderDetail.trader.stats.profile.baseCurrencyName){\n                    json = {\n                        rotation: -90,\n                        y: am5.p50,\n                        text: this.store.traderDetail.trader.stats.profile.baseCurrencyName,\n                        fill: am5.color(0x666666),\n                        centerX: am5.p50,\n                        fontSize: 12,\n                    }\n                }else if(this.$parent.$parent.tradingprofitTab == 'Pips'){\n                    json = {\n                        rotation: -90,\n                        y: am5.p50,\n                        text: \"[#666] Pips [/]  \",\n                        centerX: am5.p50,\n                        fontSize: 12,\n                    }\n                }\n            }\n            var label1 = am5.Label.new(root, json)\n            yAxis.children.unshift( label1 );\n            \n            let yRenderer = yAxis.get(\"renderer\");\n            yRenderer.grid.template.setAll({\n                stroke: am5.color(0x666666),\n                strokeWidth: 1\n            });\n\n            chart.get(\"colors\").set(\"colors\", [\n                am5.color(0xff7200),\n                am5.color(0x4572a7),\n                am5.color(0xcbcbcb),\n            ]);\n            var legend = chart.bottomAxesContainer.children.push(am5.Legend.new(root, {\n                x: am5.percent(50),\n                centerX: am5.percent(50),\n                layout: root.horizontalLayout,\n                useDefaultMarker: true,\n                // paddingTop: 15,\n            }));\n            \n            legend.labels.template.setAll({\n                fontSize: 12,\n                fontWeight: \"600\"\n            });\n            legend.markerRectangles.template.setAll({\n                cornerRadiusTL: 20,\n                cornerRadiusTR: 20,\n                cornerRadiusBL: 20,\n                cornerRadiusBR: 20\n            });\n            legend.markers.template.setAll({\n                width: 13,\n                height: 13\n            });\n           this.store.tradingPerformanceChart.series.forEach((val,index) =>{\n            if(val.data.length){\n                var series = chart.series.push(am5xy.ColumnSeries.new(root, {\n                    // legendLabelText: this.performancelabeljson[this.performanceFilter][index],\n                    legendLabelText: this.performanceFilter=='Closed Trades Only' ? (this.$parent.$parent.tradingprofitTab=='Pips' ? 'Pips' : this.store.traderDetail.trader.stats.profile.baseCurrencyName) : this.performancelabeljson[this.performanceFilter][index],\n                    xAxis: xAxis,\n                    yAxis: yAxis,\n                    valueYField: \"y\",\n                    valueXField: \"x\",\n                    tooltip: am5.Tooltip.new(root, {\n                        labelText: \"{valueX.formatDate('MMM yyyy')}:{valueY}\",\n                        fontSize: 13,\n                    })\n                }));\n                var data = val.data\n                series.data.setAll(data);\n                //legend.data.push(series);\n\n                series.appear(1000);\n            }\n           })\n            \n            xAxis.get(\"renderer\").labels.template.setAll({\n                fill: root.interfaceColors.set(\"fill\", am5.color(\"#666666\")),\n                fontSize: 12,\n            });\n            yAxis.get(\"renderer\").labels.template.setAll({\n                fill: root.interfaceColors.set(\"fill\", am5.color(\"#ffa35a\")),\n                fontSize: 12,\n            });\n\n            // Make stuff animate on load\n            chart.appear(1000, 100);\n        },\n        drawPairsPerformanceChart(){\n            let d = am5.registry.rootElements.find((i) => i.dom && i.dom.id === 'tradingperformanceChart');\n            d?.dispose();\n            var root = am5.Root.new(\"tradingperformanceChart\");\n            root.interfaceColors.set(\"grid\", am5.color(0xffffff));\n            root.setThemes([\n                am5themes_Animated.new(root),\n                am5themes_Responsive.new(root),\n            ]);\n            // Create chart\n                var chart = root.container.children.push(am5xy.XYChart.new(root, {\n                   panX: false,\n                    panY: false,\n                    wheelX: \"panX\",\n                    wheelY: \"zoomX\"\n                }));\n\n            // Add cursor\n            \n           var cursor = chart.set(\"cursor\", am5xy.XYCursor.new(root, {\n                behavior: \"zoomX\"\n            }));\n            cursor.lineY.set(\"visible\", false);\n            cursor.lineX.set(\"visible\", false);\n\n            var xAxis = chart.xAxes.push(am5xy.CategoryAxis.new(root, {\n              maxDeviation: 0,\n              categoryField: \"x\",\n              renderer:  am5xy.AxisRendererX.new(root, {\n                minGridDistance: 70\n              }),\n              // tooltip: am5.Tooltip.new(root, {})\n            }));\n            var label2 = am5.Label.new(root, {\n                text: \"[#666] Currency Pairs [/]\",\n                x: am5.p50,\n                centerY: am5.p50,\n                fontSize: 12,\n            })\n            xAxis.children.push( label2 );\n\n\n            var yAxis = chart.yAxes.push(am5xy.ValueAxis.new(root, {\n              maxDeviation: 0.3,\n              renderer: am5xy.AxisRendererY.new(root, {})\n            }));\n            var label1 = am5.Label.new(root, {\n                rotation: -90,\n                y: am5.p50,\n                text: this.$parent.$parent.tradingprofitTab=='Pips' ? 'Profit (Pips)' : 'Profit ('+this.store.traderDetail.trader.stats.profile.baseCurrencyName+')',\n                fill: am5.color(0x666666),\n                centerX: am5.p50,\n                fontSize: 12,\n            })\n            yAxis.children.unshift( label1 );\n\n\n             let yRenderer = yAxis.get(\"renderer\");\n            yRenderer.grid.template.setAll({\n                stroke: am5.color(0x666666),\n                strokeWidth: 1\n            });\n\n             var legend = chart.bottomAxesContainer.children.push(am5.Legend.new(root, {\n                x: am5.percent(50),\n                centerX: am5.percent(50),\n                layout: root.horizontalLayout,\n                useDefaultMarker: true,\n                // paddingTop: 15,\n            }));\n            chart.get(\"colors\").set(\"colors\", [\n                am5.color(0xff7200),\n            ]);\n            legend.labels.template.setAll({\n                fontSize: 12,\n                fontWeight: \"600\"\n            });\n            legend.markerRectangles.template.setAll({\n                cornerRadiusTL: 20,\n                cornerRadiusTR: 20,\n                cornerRadiusBL: 20,\n                cornerRadiusBR: 20\n            });\n            legend.markers.template.setAll({\n                width: 13,\n                height: 13\n            });\n\n            // Create series\n            \n            var series = chart.series.push(am5xy.ColumnSeries.new(root, {\n                legendLabelText: this.$parent.$parent.tradingprofitTab=='Pips' ? 'Profit (Pips)' : 'Profit ('+this.store.traderDetail.trader.stats.profile.baseCurrencyName+')',\n                name: \"Series 1\",\n                xAxis: xAxis,\n                yAxis: yAxis,\n                valueYField: \"y\",\n                sequencedInterpolation: true,\n                categoryXField: \"x\",\n                min : 0,\n                tooltip: am5.Tooltip.new(root, {\n                    labelText:\"{categoryX} : {valueY}\"\n                })\n            }));\n\n            series.columns.template.setAll({  width: am5.percent(50),});\n            xAxis.get(\"renderer\").labels.template.setAll({\n                fill: root.interfaceColors.set(\"fill\", am5.color(\"#666666\")),\n                fontSize: 12,\n            });\n            yAxis.get(\"renderer\").labels.template.setAll({\n                fill: root.interfaceColors.set(\"fill\", am5.color(\"#ffa35a\")),\n                fontSize: 12,\n            });\n\n\n            // Set data\n            var data = this.store.tradingPerformanceChart.series[0].data;\n            xAxis.data.setAll(data);\n            legend.data.push(series);\n            series.data.setAll(data);\n            // Make stuff animate on load\n            series.appear(1000);\n            chart.appear(1000, 100);\n        },\n        drawBestWorstPerformaceChart(){\n            let d = am5.registry.rootElements.find((i) => i.dom && i.dom.id === 'tradingperformanceChart');\n            d?.dispose();\n            var root = am5.Root.new(\"tradingperformanceChart\");\n            root.interfaceColors.set(\"grid\", am5.color(0xffffff));\n            root.setThemes([\n                am5themes_Animated.new(root),\n                am5themes_Responsive.new(root),\n            ]);\n            if(this.performanceFilter == 'Ranking'){\n                root.numberFormatter.setAll({\n                  numberFormat: \"#a\",\n                  smallNumberThreshold: 0.001\n                });\n            }\n            var chart = root.container.children.push(am5xy.XYChart.new(root, {\n                focusable: false,\n                panX: false,\n                panY: false,\n                wheelX: \"panX\",\n                wheelY: \"zoomX\",\n            }));\n\n            // Add cursor\n            // https://www.amcharts.com/docs/v5/charts/xy-chart/cursor/\n            var cursor = chart.set(\"cursor\", am5xy.XYCursor.new(root, {\n              behavior: \"zoomX\"\n            }));\n            cursor.lineY.set(\"visible\", false);\n            cursor.lineX.set(\"visible\", false);\n            // Create axes\n            // https://www.amcharts.com/docs/v5/charts/xy-chart/axes/\n            var xAxis = chart.xAxes.push(am5xy.DateAxis.new(root, {\n              maxDeviation: 0.2,\n              baseInterval: {\n                timeUnit: \"day\",\n                count: 1\n              },\n              renderer: am5xy.AxisRendererX.new(root, {}),\n            }));\n            var label2 = am5.Label.new(root, {\n                text: \"[#666] Date [/]\",\n                x: am5.p50,\n                centerY: am5.p50,\n                fontSize: 12,\n            })\n            xAxis.children.push( label2 );\n            let inversedJson = {}\n            if(this.performanceFilter == 'Ranking'){\n                inversedJson = {\n                    renderer: am5xy.AxisRendererY.new(root, {\n                        inversed: true\n                    })\n                }\n            }else{\n                inversedJson = {\n                    renderer: am5xy.AxisRendererY.new(root, {})\n                }\n            }\n            var yAxis = chart.yAxes.push(am5xy.ValueAxis.new(root, inversedJson));\n            let json = {};\n            if(this.performanceFilter == 'Ranking'){\n                json = {\n                    rotation: -90,\n                    text: \"[#666] Ranking [/]\",\n                    y: am5.p50,\n                    centerX: am5.p50,\n                    fontSize: 12,\n                }\n            }else{\n                json = {\n                    rotation: -90,\n                    text: \"[#666] Best and Worst Trade [/]\",\n                    y: am5.p50,\n                    centerX: am5.p50,\n                    fontSize: 12,\n                }\n            }\n            var label1 = am5.Label.new(root, json)\n            yAxis.children.unshift( label1 );\n\n             chart.get(\"colors\").set(\"colors\", [\n                am5.color(0xff7200),\n                am5.color(0x4572a7),\n            ]);\n\n             let yRenderer = yAxis.get(\"renderer\");\n            yRenderer.grid.template.setAll({\n                stroke: am5.color(0x666666),\n                strokeWidth: 1\n            });\n            var legend = chart.bottomAxesContainer.children.push(am5.Legend.new(root, {\n                x: am5.percent(50),\n                centerX: am5.percent(50),\n                layout: root.horizontalLayout,\n                useDefaultMarker: true,\n                // paddingTop: 15,\n            }));\n            \n            legend.labels.template.setAll({\n                fontSize: 12,\n                fontWeight: \"600\"\n            });\n            legend.markerRectangles.template.setAll({\n                cornerRadiusTL: 20,\n                cornerRadiusTR: 20,\n                cornerRadiusBL: 20,\n                cornerRadiusBR: 20\n            });\n            legend.markers.template.setAll({\n                width: 13,\n                height: 13\n            });\n            this.store.tradingPerformanceChart.series.forEach((val,index) =>{\n                if(val.data.length){\n                    var series = chart.series.push(am5xy.LineSeries.new(root, {\n                    legendLabelText: this.performancelabeljson[this.performanceFilter][index],\n                      name: \"Series\",\n                      xAxis: xAxis,\n                      yAxis: yAxis,\n                      valueYField: \"y\",\n                      valueXField: \"x\",\n                      tooltip: am5.Tooltip.new(root, {\n                        labelText: \"{valueX.formatDate('MMM yyyy')} : {valueY}\"\n                      })\n                    }));\n                    series.strokes.template.setAll({\n                        strokeWidth: 2,\n                    });\n                // Set data\n                series.data.setAll(val.data);\n                legend.data.push(series);\n                series.appear(1000);\n                }\n            })\n            xAxis.get(\"renderer\").labels.template.setAll({\n                fill: root.interfaceColors.set(\"fill\", am5.color(\"#666666\")),\n                fontSize: 12,\n            });\n            yAxis.get(\"renderer\").labels.template.setAll({\n                fill: root.interfaceColors.set(\"fill\", am5.color(\"#ffa35a\")),\n                fontSize: 12,\n            });\n            chart.appear(1000, 100);\n\n        },\n        getTradingPerformanceChartData(){\n            let formData = {};\n            // let type = ''\n            // if(this.performanceFilter == 'Include Unrealized PnL' && this.$parent.$parent.tradingprofitTab == this.store.traderDetail.trader.stats.profile.baseCurrencyName){\n            //     type = 'TOTAL_PROFIT_MONEY,OPEN_PROFIT_MONEY'\n            // }else if(this.performanceFilter == 'Include Unrealized PnL' && this.$parent.$parent.tradingprofitTab == 'Pips'){\n            //     type = 'TOTAL_PROFIT,OPEN_PROFIT'\n            // }else if(this.performanceFilter == 'Closed Trades Only' && this.$parent.$parent.tradingprofitTab == this.store.traderDetail.trader.stats.profile.baseCurrencyName){\n            //     type = 'CLOSED_PROFIT_MONEY'\n            // }else if(this.performanceFilter == 'Closed Trades Only' && this.$parent.$parent.tradingprofitTab == 'Pips'){\n            //     type = 'CLOSED_PROFIT'\n            // }else if(this.performanceFilter == 'Trade Volume'){\n            //     type = 'WIN_TRADES,LOSE_TRADES,BREAK_EVEN_TRADES'\n            // }else if(this.performanceFilter == 'By Pair' && this.$parent.$parent.tradingprofitTab == this.store.traderDetail.trader.stats.profile.baseCurrencyName){\n            //     type = 'CURRENCY_CLOSED_PROFIT_MONEY'\n            // }else if(this.performanceFilter == 'By Pair' && this.$parent.$parent.tradingprofitTab == 'Pips'){\n            //     type = 'CURRENCY_CLOSED_PROFIT'\n            // }else if(this.performanceFilter == 'Best-Worst'){\n            //     type = 'BEST_TRADE,WORST_TRADE'\n            // }else if(this.performanceFilter == 'Ranking'){\n            //      type = 'RANKING'\n            // }\n            if(this.$route.params.id && this.$route.query.t){\n                this.store.callTradingPerformanceChartData(formData,true,this.$route.params.id,this.$route.query.t,'TOTAL_PROFIT_MONEY,OPEN_PROFIT_MONEY').then(() =>{\n                    if(Object.keys(this.store.tradingPerformanceChart).length && this.store.tradingPerformanceChart.series && this.store.tradingPerformanceChart.series.length > 0)\n                    am5.ready(() => {\n                        // if(this.performanceFilter == 'By Pair'){\n                        //     this.drawPairsPerformanceChart()\n                        // }else if(this.performanceFilter == 'Best-Worst' || this.performanceFilter == 'Ranking'){\n                        //     this.drawBestWorstPerformaceChart()\n                        // }else{\n                        //    this.drawPerformanceChart()\n                        // }\n                        this.drawPerformanceChart()\n                    });\n                })\n            }\n        }\n    },\n    mounted() {\n        this.getTradingPerformanceChartData()\n    },\n}\n</script>\n<style>\n    .tradingperformanceChart{\n        height: 300px;\n        width: 100%;\n    }\n</style>","import { render } from \"./trader-performance.vue?vue&type=template&id=44fae3b3\"\nimport script from \"./trader-performance.vue?vue&type=script&lang=js\"\nexport * from \"./trader-performance.vue?vue&type=script&lang=js\"\n\nimport \"./trader-performance.vue?vue&type=style&index=0&id=44fae3b3&lang=css\"\n\nimport exportComponent from \"/src/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n   \n    <!-- <div id=\"advancedSearch\"  class=\"text-end insideGraph\">\n        <div class=\"advancedMenu\">\n            <a href=\"javascript:void(0)\" class=\"selectDropdown f-14 min-auto bg-white d-flex align-items-center justify-content-between\" @click=\"trading = !trading\" style=\"width:210px\">{{tradinfFilter}}<i class=\"ms-2 fa fa-caret-down\" aria-hidden=\"true\"></i></a>\n            <ul class=\"dropdown_menu_animated week py-2\" :class=\"[{'show':trading}]\">\n                <li v-for=\"value,key in static_vars.tradingPairsFilterJson\" :key=\"key\">\n                    <a @click=\"tradinfFilter=value;trading=false;getTradingData()\" :class=\"[{'active':tradinfFilter == value}]\" href=\"javascript:void(0)\">{{value}}</a>\n                </li>\n            </ul>\n        </div>\n    </div> -->\n     <div id=\"tradingPairsChart\" class=\"tradingPairsChart\" style=\"margin-left: -22px;height:300px\"  v-show=\"Object.keys(store.tradingPairsChart).length && store.tradingPairsChart.series && store.tradingPairsChart.series.length && store.tradingPairsChart.series[0].data.length\"></div>\n     <Nodata v-if=\"!store.singleLoading && Object.keys(store.tradingPairsChart).length && store.tradingPairsChart.series && store.tradingPairsChart.series.length && store.tradingPairsChart.series[0].data.length == 0\"></Nodata>\n</template>\n\n<script>\nimport * as am5 from \"@amcharts/amcharts5\";\nimport * as am5percent from \"@amcharts/amcharts5/percent\";\nimport am5themes_Animated from \"@amcharts/amcharts5/themes/Animated\";\nimport am5themes_Responsive from \"@amcharts/amcharts5/themes/Responsive\";\nimport { myStore } from \"@/store/pinia-store\";\nexport default {\n    setup() {\n        const store = myStore();\n        return { store };\n    },\n    data() {    \n        return {\n            tradinfFilter : 'Pairs',\n            trading : false\n        }\n    },\n     watch : {\n        '$route.params.id'() {\n            this.getTradingData()\n        },\n        '$route.query.t'() {\n            this.getTradingData()\n        },\n        // '$parent.$parent.tradingprofitTab'(){\n        //     this.getTradingData()\n        // }\n    },\n    methods: {\n        drawTradingChartData(){\n                let d = am5.registry.rootElements.find((i) => i.dom && i.dom.id === 'tradingPairsChart');\n                d?.dispose();\n                var root = am5.Root.new(\"tradingPairsChart\");\n                root.setThemes([\n                    am5themes_Animated.new(root),\n                    am5themes_Responsive.new(root)\n                ]);\n\n                // Create chart\n                var chart = root.container.children.push(am5percent.PieChart.new(root, {\n                    layout: root.verticalLayout\n                }));\n\n                var series = chart.series.push(am5percent.PieSeries.new(root, {\n                    valueField: \"y\",\n                    categoryField: \"x\",\n                }));\n                series.get(\"colors\").set(\"colors\", [\n                    am5.color(0x4572a7),\n                    am5.color(0xCBCBCB),\n                    am5.color(0x69cd4b),\n                    am5.color(0xff6f34),\n                    am5.color(0xf6f819),\n                    am5.color(0x7dfe8b),\n                    am5.color(0xffaf6e),\n                    am5.color(0xfff263),\n                    am5.color(0xff7200),\n                ]);\n                series.data.setAll(this.store.tradingPairsChart.series[0].data);\n                series.slices.template.set(\"tooltipText\", \"{x}: {y}\");\n                series.slices.template.set(\"toggleKey\", \"none\");\n                series.labels.template.setAll({\n                    text: \"{x}\",\n                    radius: 10,\n                    fontSize: 12,\n                    fontWeight: \"600\",\n                });\n                series.appear(1000, 100);\n        },\n        getTradingData(){\n            let formData = {};\n            let type = ''\n            if(this.tradinfFilter == 'Pairs'){\n                type = 'CURRENCY_COUNT'\n            }else {\n                type = 'CURRENCY_TIMEZONE'\n            }\n            this.store.callTradingPairsChartData(formData,true,this.$route.params.id,this.$route.query.t,type).then(() =>{\n                if(Object.keys(this.store.tradingPairsChart).length && this.store.tradingPairsChart.series && this.store.tradingPairsChart.series.length > 0)\n                    am5.ready(() => {\n                        this.drawTradingChartData()\n                    });\n            })\n        }\n    },\n    mounted() {\n        this.getTradingData()\n    },\n}\n</script>\n<style>\n    .tradingPairsChart{\n        height: 300px;\n        width: 100%;\n    }\n</style>","import { render } from \"./trader-trading.vue?vue&type=template&id=ced6aa3e\"\nimport script from \"./trader-trading.vue?vue&type=script&lang=js\"\nexport * from \"./trader-trading.vue?vue&type=script&lang=js\"\n\nimport \"./trader-trading.vue?vue&type=style&index=0&id=ced6aa3e&lang=css\"\n\nimport exportComponent from \"/src/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n    <div id=\"drawdown\" class=\"drawdown\"  style=\"margin-left: -22px;height:300px\" v-show=\"Object.keys(store.tradingDrawDownChart).length && store.tradingDrawDownChart.series && store.tradingDrawDownChart.series.length && store.tradingDrawDownChart.series[0].data.length\"></div>\n     <Nodata v-if=\"!store.loader && Object.keys(store.tradingDrawDownChart).length && store.tradingDrawDownChart.series && store.tradingDrawDownChart.series.length && store.tradingDrawDownChart.series[0].data.length == 0\"></Nodata>\n</template>\n\n<script>\nimport * as am5 from \"@amcharts/amcharts5\";\nimport * as am5xy from \"@amcharts/amcharts5/xy\";\nimport am5themes_Animated from \"@amcharts/amcharts5/themes/Animated\";\nimport am5themes_Responsive from \"@amcharts/amcharts5/themes/Responsive\";\nimport { myStore } from \"@/store/pinia-store\";\nexport default {\n    setup() {\n        const store = myStore();\n        return { store };\n    },\n    data() {\n        return {\n            drawdownJSon : {\n                'DRAWDOWN_DAILY_MONEY' : 'Daily Drawdown',\n                'CLOSED_PROFIT_MONEY' : 'Closed Trades Only',\n                'TOTAL_PROFIT_MONEY' : 'Profit',\n                'DRAWDOWN_DAILY' : 'Daily Drawdown',\n                'CLOSED_PROFIT' : 'Closed Trades Only',\n                'TOTAL_PROFIT' : 'Profit'\n            }\n        }\n    },\n    watch : {\n        '$route.params.id'() {\n            this.getTrendingDrawDownChartData()\n        },\n        '$route.query.t'() {\n            this.getTrendingDrawDownChartData()\n        },\n        // '$parent.$parent.tradingprofitTab'(){\n        //     this.getTrendingDrawDownChartData()\n        // }\n    },\n    methods: {\n        drawdownChart(){\n            let d = am5.registry.rootElements.find((i) => i.dom && i.dom.id === 'drawdown');\n            d?.dispose();\n            var root = am5.Root.new(\"drawdown\");\n            root.interfaceColors.set(\"grid\", am5.color(0xffffff));\n            root.setThemes([\n                am5themes_Animated.new(root),\n                am5themes_Responsive.new(root)\n            ]);\n            root.dateFormatter.setAll({\n                dateFormat: \"yyyy\",\n                dateFields: [\"valueX\"]\n            });\n            root.numberFormatter.setAll({\n              numberFormat: \"#a\",\n              smallNumberThreshold: 0.001\n            });\n\n\n            // Create chart\n            // https://www.amcharts.com/docs/v5/charts/xy-chart/\n            var chart = root.container.children.push(am5xy.XYChart.new(root, {\n                focusable: false,\n                panX: false,\n                panY: false,\n                wheelX: \"panX\",\n                wheelY: \"zoomX\",\n            }));\n\n            chart.get(\"colors\").set(\"colors\", [\n                am5.color(0x50b432),\n                am5.color(0x4572a7),\n                am5.color(0xff7200),\n            ]);\n\n            // Add cursor\n            // https://www.amcharts.com/docs/v5/charts/xy-chart/cursor/\n            var cursor = chart.set(\"cursor\", am5xy.XYCursor.new(root, {\n              behavior: \"zoomX\"\n            }));\n            cursor.lineY.set(\"visible\", false);\n            cursor.lineX.set(\"visible\", false);\n            var xAxis = chart.xAxes.push(am5xy.DateAxis.new(root, {\n              maxDeviation: 0,\n              baseInterval: {\n                timeUnit: \"day\",\n                count: 1\n              },\n              renderer: am5xy.AxisRendererX.new(root, {}),\n              tooltip: am5.Tooltip.new(root, {})\n            }));\n\n            // var label = am5.Label.new(root, {\n            //     text: \"[#666] Date [/]\",\n            //     x: am5.p50,\n            //     centerY: am5.p50,\n            //     fontSize: 12,\n            // })\n            // xAxis.children.push( label );\n\n            var yAxis = chart.yAxes.push(am5xy.ValueAxis.new(root, {\n              extraMin: 0.2,\n              renderer: am5xy.AxisRendererY.new(root, {})\n            }));\n            // var label1 = am5.Label.new(root, {\n            //     rotation: -90,\n            //     text: this.$parent.$parent.tradingprofitTab=='Pips' ? 'Pips' : this.store.traderDetail.trader.stats.profile.baseCurrencyName,\n            //     fill: am5.color(0x666666),\n            //     y: am5.p50,\n            //     centerX: am5.p50,\n            //     fontSize: 12,\n            // })\n            // yAxis.children.unshift( label1 );\n             let yRenderer = yAxis.get(\"renderer\");\n            yRenderer.grid.template.setAll({\n                stroke: am5.color(0x666666),\n                strokeWidth: 1\n            });\n            var legend = chart.bottomAxesContainer.children.push(am5.Legend.new(root, {\n                x: am5.percent(50),\n                centerX: am5.percent(50),\n                layout: root.horizontalLayout,\n                useDefaultMarker: true,\n                // paddingTop: 15,\n            }));\n            \n            legend.labels.template.setAll({\n                fontSize: 12,\n                fontWeight: \"600\"\n            });\n            legend.markerRectangles.template.setAll({\n                cornerRadiusTL: 20,\n                cornerRadiusTR: 20,\n                cornerRadiusBL: 20,\n                cornerRadiusBR: 20\n            });\n            legend.markers.template.setAll({\n                width: 13,\n                height: 13\n            });\n            this.store.tradingDrawDownChart.series.reverse().forEach((val) => {\n                if(val.type == 'TOTAL_PROFIT_MONEY' || val.type == 'CLOSED_PROFIT_MONEY' || val.type == 'TOTAL_PROFIT' || val.type == 'CLOSED_PROFIT'){\n                    var series = chart.series.push(am5xy.LineSeries.new(root, {\n                    //legendLabelText: this.drawdownJSon[val.type],\n                      //name: \"Series\",\n                      xAxis: xAxis,\n                      yAxis: yAxis,\n                      valueYField: \"y\",\n                      valueXField: \"x\",\n                      tooltip: am5.Tooltip.new(root, {\n                        labelText: \"{valueY}\"\n                      })\n                    }));\n                    series.strokes.template.setAll({\n                        strokeWidth: 2\n                    });\n                    series.data.setAll(val.data);\n                    //legend.data.unshift(series);\n                    \n                    //series.hide();\n                    \n                    // series.appear(1000);\n                }else{\n                    var volumeAxisRenderer = am5xy.AxisRendererY.new(root, {});\n                    volumeAxisRenderer.grid.template.set(\"forceHidden\", true);\n                    volumeAxisRenderer.labels.template.set(\"forceHidden\", true);\n\n                    var volumeAxis = chart.yAxes.push(am5xy.ValueAxis.new(root, {\n                      height: am5.percent(25),\n                      y: am5.percent(100),\n                      centerY: am5.percent(100),\n                      panY:false,\n                      renderer: volumeAxisRenderer\n                    }));\n\n\n                    // Add series\n                    // https://www.amcharts.com/docs/v5/charts/xy-chart/series/\n                    var volumeSeries = chart.series.unshift(am5xy.ColumnSeries.new(root, {\n                        //legendLabelText: this.drawdownJSon[val.type],\n                      //name: \"Volume Series\",\n                      xAxis: xAxis,\n                      yAxis: volumeAxis,\n                      valueYField: \"y\",\n                      valueXField: \"x\",\n                      tooltip: am5.Tooltip.new(root, {\n                        labelText: \"{valueY}\"\n                      })\n                    }));\n\n                    volumeSeries.columns.template.setAll({ width: am5.percent(40) })\n                    volumeSeries.data.setAll(val.data);\n                    //legend.data.unshift(volumeSeries);\n                }\n            })\n             xAxis.get(\"renderer\").labels.template.setAll({\n                fill: root.interfaceColors.set(\"fill\", am5.color(\"#666666\")),\n                fontSize: 12,\n            });\n            yAxis.get(\"renderer\").labels.template.setAll({\n                fill: root.interfaceColors.set(\"fill\", am5.color(\"#ffa35a\")),\n                fontSize: 12,\n            });\n            //legend.data.setAll(chart.series.values);\n            chart.appear(1000, 100);\n        },\n        getTrendingDrawDownChartData(){\n            let formData = {};\n            // let type = '';\n            // if(this.$parent.$parent.tradingprofitTab == this.store.traderDetail.trader.stats.profile.baseCurrencyName){\n            //     type = 'TOTAL_PROFIT_MONEY,CLOSED_PROFIT_MONEY,DRAWDOWN_DAILY_MONEY'\n            // }else{\n            //     type = 'TOTAL_PROFIT,CLOSED_PROFIT,DRAWDOWN_DAILY'\n            // }\n            this.store.callTrendingDrawDownChartData(formData,true,this.$route.params.id,this.$route.query.t,'TOTAL_PROFIT_MONEY,CLOSED_PROFIT_MONEY,DRAWDOWN_DAILY_MONEY').then(() =>{\n                 if(Object.keys(this.store.tradingDrawDownChart).length && this.store.tradingDrawDownChart.series && this.store.tradingDrawDownChart.series.length > 0)\n                    am5.ready(() => {\n                        this.drawdownChart()\n                    });\n            })\n        }\n    },\n    mounted() {\n        this.getTrendingDrawDownChartData()\n    },\n}\n</script>\n<style>\n    .drawdown{\n        height: 300px;\n        width: 100%;\n    }\n</style>","import { render } from \"./trader-drawdown.vue?vue&type=template&id=5e166d2e\"\nimport script from \"./trader-drawdown.vue?vue&type=script&lang=js\"\nexport * from \"./trader-drawdown.vue?vue&type=script&lang=js\"\n\nimport \"./trader-drawdown.vue?vue&type=style&index=0&id=5e166d2e&lang=css\"\n\nimport exportComponent from \"/src/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n    \n    <div id=\"slippageChart\" class=\"slippage\" style=\"margin-left: -22px;height:300px\" v-show=\"Object.keys(store.tradingSlippageChart).length && store.tradingSlippageChart.series && store.tradingSlippageChart.series.length && store.tradingSlippageChart.series[0].data.length\"></div>\n    <Nodata v-if=\"!store.singleLoading && Object.keys(store.tradingSlippageChart).length && store.tradingSlippageChart.series && store.tradingSlippageChart.series.length && store.tradingSlippageChart.series[0].data.length == 0\"></Nodata>\n</template>\n\n<script>\nimport * as am5 from \"@amcharts/amcharts5\";\nimport * as am5xy from \"@amcharts/amcharts5/xy\";\nimport am5themes_Animated from \"@amcharts/amcharts5/themes/Animated\";\nimport am5themes_Responsive from \"@amcharts/amcharts5/themes/Responsive\";\nimport { myStore } from \"@/store/pinia-store\";\nexport default {\n    setup() {\n        const store = myStore();\n        return { store };\n    },\n    data() {\n        return {\n\n        }\n    },\n    methods: {\n        drawSlippageChart(){\n            var root = am5.Root.new(\"slippageChart\");\n            root.interfaceColors.set(\"grid\", am5.color(0xffffff));\n            // Set themes\n            root.setThemes([\n                am5themes_Animated.new(root),\n                am5themes_Responsive.new(root),\n            ]);\n             var chart = root.container.children.push(am5xy.XYChart.new(root, {\n                   panX: false,\n                    panY: false,\n                    wheelX: \"panX\",\n                    wheelY: \"zoomX\"\n                }));\n            var cursor = chart.set(\"cursor\", am5xy.XYCursor.new(root, {\n                behavior: \"zoomX\"\n            }));\n            cursor.lineY.set(\"visible\", false);\n            cursor.lineX.set(\"visible\", false);\n\n            var xRenderer = am5xy.AxisRendererX.new(root, { minGridDistance: 10 });\n                xRenderer.labels.template.setAll({\n                  rotation: -70,\n                  centerY: am5.p50,\n                  centerX: am5.p100,\n                  paddingRight: 15\n            });\n            var xAxis = chart.xAxes.push(am5xy.CategoryAxis.new(root, {\n              maxDeviation: 0,\n              categoryField: \"x\",\n              renderer:  xRenderer,\n              // tooltip: am5.Tooltip.new(root, {})\n            }));\n            // var label2 = am5.Label.new(root, {\n            //     text: \"[#666] Broker [/]\",\n            //     x: am5.p50,\n            //     centerY: am5.p50,\n            //     fontSize: 12,\n            // })\n            // xAxis.children.push( label2 );\n\n\n            var yAxis = chart.yAxes.push(am5xy.ValueAxis.new(root, {\n              maxDeviation: 0.3,\n              renderer: am5xy.AxisRendererY.new(root, {})\n            }));\n            // var label1 = am5.Label.new(root, {\n            //     rotation: -90,\n            //     y: am5.p50,\n            //     text: \"[#666] Pips[/]\",\n            //     centerX: am5.p50,\n            //     fontSize: 12,\n            // })\n            // yAxis.children.unshift( label1 );\n\n\n             let yRenderer = yAxis.get(\"renderer\");\n            yRenderer.grid.template.setAll({\n                stroke: am5.color(0x666666),\n                strokeWidth: 1\n            });\n\n             var legend = chart.bottomAxesContainer.children.push(am5.Legend.new(root, {\n                x: am5.percent(50),\n                centerX: am5.percent(50),\n                layout: root.horizontalLayout,\n                useDefaultMarker: true,\n                // paddingTop: 15,\n            }));\n            chart.get(\"colors\").set(\"colors\", [\n                am5.color(0x4572a7),\n            ]);\n            legend.labels.template.setAll({\n                fontSize: 12,\n                fontWeight: \"600\"\n            });\n            legend.markerRectangles.template.setAll({\n                cornerRadiusTL: 20,\n                cornerRadiusTR: 20,\n                cornerRadiusBL: 20,\n                cornerRadiusBR: 20\n            });\n            legend.markers.template.setAll({\n                width: 13,\n                height: 13\n            });\n\n            // Create series\n            \n            var series = chart.series.push(am5xy.ColumnSeries.new(root, {\n                //legendLabelText: 'Pips/Broker',\n              name: \"Series 1\",\n              xAxis: xAxis,\n              yAxis: yAxis,\n              valueYField: \"y\",\n              sequencedInterpolation: true,\n              categoryXField: \"x\",\n              min : 0,\n              tooltip: am5.Tooltip.new(root, {\n                labelText:\"{categoryX} : {valueY}\"\n              })\n            }));\n\n            series.columns.template.setAll({  width: am5.percent(50),});\n            xAxis.get(\"renderer\").labels.template.setAll({\n                fill: root.interfaceColors.set(\"fill\", am5.color(\"#666666\")),\n                fontSize: 12,\n            });\n            yAxis.get(\"renderer\").labels.template.setAll({\n                fill: root.interfaceColors.set(\"fill\", am5.color(\"#ffa35a\")),\n                fontSize: 12,\n            });\n\n\n            // Set data\n            var data = this.store.tradingSlippageChart.series[0].data;\n            xAxis.data.setAll(data);\n            //legend.data.push(series);\n            series.data.setAll(data);\n            // Make stuff animate on load\n            series.appear(1000);\n            chart.appear(1000, 100);\n        },\n        getTrendingSlippageChartData(){\n            let formData  = {};\n            this.store.getTrendingSlippageChartData(formData,true,this.$route.params.id).then( () =>{\n                if(Object.keys(this.store.tradingSlippageChart).length && this.store.tradingSlippageChart.series && this.store.tradingSlippageChart.series.length > 0)\n                    am5.ready(() => {\n                    this.drawSlippageChart()\n                });\n            })\n        }\n    },\n    mounted() {\n        this.getTrendingSlippageChartData()\n    },\n}\n</script>\n<style>\n    .slippage{\n        height: 300px;\n        width: 100%;\n    }\n</style>","import { render } from \"./trader-slippage.vue?vue&type=template&id=4b3d03d8\"\nimport script from \"./trader-slippage.vue?vue&type=script&lang=js\"\nexport * from \"./trader-slippage.vue?vue&type=script&lang=js\"\n\nimport \"./trader-slippage.vue?vue&type=style&index=0&id=4b3d03d8&lang=css\"\n\nimport exportComponent from \"/src/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./advanced.vue?vue&type=template&id=58268af2\"\nimport script from \"./advanced.vue?vue&type=script&lang=js\"\nexport * from \"./advanced.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/src/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./trader-trading.vue?vue&type=style&index=0&id=ced6aa3e&lang=css\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./trader-performance.vue?vue&type=style&index=0&id=44fae3b3&lang=css\""],"sourceRoot":""}