$("#chart-market-1").addClass("text-success");$("#chart-logo-1").addClass("bg-success"); $("#chart-logo-1").attr('src','panel/assets/images/icons/crypto/svg/gs.svg'); $("#chart-market-1").html("LONG 5x"); $("#chart-strategy-1").html("Scalping"); $("#chart-end-pnl-1").html("+3.71%"); //Chart 1 var options = { series: [{ data: [881.86000, 881.86000, 882.33000, 885.77000, 881.92, 888.460000000000000000, 888.83000] }], chart: { type: 'area', height: 100, width: '100%', sparkline: { enabled: true } }, stroke: { curve: 'smooth', width: 3, }, grid: { padding: { top: 20, bottom: 30 } }, colors: ['#52CC99'], fill: { type: 'gradient', gradient: { shadeIntensity: 1, inverseColors: false, opacityFrom: 0.45, opacityTo: 0.05, stops: [20, 100, 100, 100] }, }, tooltip: { fixed: { enabled: false }, x: { show: false }, y: { title: { formatter: function (seriesName) { return '$' } } }, marker: { show: false } }, annotations: { yaxis: [{ x: 5, y: 881.92, borderColor: "#52CC99", offsetY: 0, }, { x: 6, y: 888.460000000000000000, borderColor: "#FF4560", offsetY: 0, }], points: [{ x: 5, y: 881.92, marker: { offsetY: 0, size: 4, fillColor: "#FFF", strokeColor: "#52CC99", radius: 2 }, label: { borderColor: "#52CC99", offsetY: 10, style: { color: "#FFF", background: "#52CC99" }, text: "B" } }, { x: 6, y: 888.460000000000000000, marker: { offsetY: 0, size: 4, fillColor: "#FFF", strokeColor: "#FF4560", radius: 2 }, label: { borderColor: "#FF4560", offsetY: 29, style: { color: "#FFF", background: "#FF4560" }, text: "S" } }] } }; var chart = new ApexCharts(document.querySelector("#chart-1"), options); chart.render(); $("#chart-market-2").addClass("text-danger");$("#chart-logo-2").addClass("bg-danger"); $("#chart-logo-2").attr('src','panel/assets/images/icons/crypto/svg/cake.svg'); $("#chart-market-2").html("SHORT 10x"); $("#chart-strategy-2").html("Scalping"); $("#chart-end-pnl-2").html("+4.83%"); //Chart 2 var options = { series: [{ data: [2.1792000, 2.1752000, 2.1734000, 2.1707000, 2.1823, 2.1718, 2.1735000] }], chart: { type: 'area', height: 100, width: '100%', sparkline: { enabled: true } }, stroke: { curve: 'smooth', width: 3, }, grid: { padding: { top: 20, bottom: 30 } }, colors: ['#FF4560'], fill: { type: 'gradient', gradient: { shadeIntensity: 1, inverseColors: false, opacityFrom: 0.45, opacityTo: 0.05, stops: [20, 100, 100, 100] }, }, tooltip: { fixed: { enabled: false }, x: { show: false }, y: { title: { formatter: function (seriesName) { return '$' } } }, marker: { show: false } }, annotations: { yaxis: [{ x: 5, y: 2.1823, borderColor: "#FF4560", offsetY: 0, }, { x: 6, y: 2.1718, borderColor: "#52CC99", offsetY: 0, }], points: [{ x: 5, y: 2.1823, marker: { offsetY: 0, size: 4, fillColor: "#FFF", strokeColor: "#FF4560", radius: 2 }, label: { borderColor: "#FF4560", offsetY: 10, style: { color: "#FFF", background: "#FF4560" }, text: "S" } }, { x: 6, y: 2.1718, marker: { offsetY: 0, size: 4, fillColor: "#FFF", strokeColor: "#52CC99", radius: 2 }, label: { borderColor: "#52CC99", offsetY: 10, style: { color: "#FFF", background: "#52CC99" }, text: "B" } }] } }; var chart = new ApexCharts(document.querySelector("#chart-2"), options); chart.render(); $("#chart-market-3").addClass("text-danger");$("#chart-logo-3").addClass("bg-danger"); $("#chart-logo-3").attr('src','panel/assets/images/icons/crypto/svg/rsr.svg'); $("#chart-market-3").html("SHORT 10x"); $("#chart-strategy-3").html("Scalping"); $("#chart-end-pnl-3").html("+4.70%"); //Chart 3 var options = { series: [{ data: [0.001931, 0.001925, 0.001928, 0.001913, 0.001922, 0.001913, 0.001915] }], chart: { type: 'area', height: 100, width: '100%', sparkline: { enabled: true } }, stroke: { curve: 'smooth', width: 3, }, grid: { padding: { top: 20, bottom: 30 } }, colors: ['#FF4560'], fill: { type: 'gradient', gradient: { shadeIntensity: 1, inverseColors: false, opacityFrom: 0.45, opacityTo: 0.05, stops: [20, 100, 100, 100] }, }, tooltip: { fixed: { enabled: false }, x: { show: false }, y: { title: { formatter: function (seriesName) { return '$' } } }, marker: { show: false } }, annotations: { yaxis: [{ x: 5, y: 0.001922, borderColor: "#FF4560", offsetY: 0, }, { x: 6, y: 0.001913, borderColor: "#52CC99", offsetY: 0, }], points: [{ x: 5, y: 0.001922, marker: { offsetY: 0, size: 4, fillColor: "#FFF", strokeColor: "#FF4560", radius: 2 }, label: { borderColor: "#FF4560", offsetY: 10, style: { color: "#FFF", background: "#FF4560" }, text: "S" } }, { x: 6, y: 0.001913, marker: { offsetY: 0, size: 4, fillColor: "#FFF", strokeColor: "#52CC99", radius: 2 }, label: { borderColor: "#52CC99", offsetY: 10, style: { color: "#FFF", background: "#52CC99" }, text: "B" } }] } }; var chart = new ApexCharts(document.querySelector("#chart-3"), options); chart.render(); $("#chart-market-4").addClass("text-danger");$("#chart-logo-4").addClass("bg-danger"); $("#chart-logo-4").attr('src','panel/assets/images/icons/crypto/svg/mina.svg'); $("#chart-market-4").html("SHORT 10x"); $("#chart-strategy-4").html("Scalping"); $("#chart-end-pnl-4").html("+8.95%"); //Chart 4 var options = { series: [{ data: [0.0766200, 0.0764600, 0.0762500, 0.0759300, 0.07638, 0.0757024, 0.0758200] }], chart: { type: 'area', height: 100, width: '100%', sparkline: { enabled: true } }, stroke: { curve: 'smooth', width: 3, }, grid: { padding: { top: 20, bottom: 30 } }, colors: ['#FF4560'], fill: { type: 'gradient', gradient: { shadeIntensity: 1, inverseColors: false, opacityFrom: 0.45, opacityTo: 0.05, stops: [20, 100, 100, 100] }, }, tooltip: { fixed: { enabled: false }, x: { show: false }, y: { title: { formatter: function (seriesName) { return '$' } } }, marker: { show: false } }, annotations: { yaxis: [{ x: 5, y: 0.07638, borderColor: "#FF4560", offsetY: 0, }, { x: 6, y: 0.0757024, borderColor: "#52CC99", offsetY: 0, }], points: [{ x: 5, y: 0.07638, marker: { offsetY: 0, size: 4, fillColor: "#FFF", strokeColor: "#FF4560", radius: 2 }, label: { borderColor: "#FF4560", offsetY: 10, style: { color: "#FFF", background: "#FF4560" }, text: "S" } }, { x: 6, y: 0.0757024, marker: { offsetY: 0, size: 4, fillColor: "#FFF", strokeColor: "#52CC99", radius: 2 }, label: { borderColor: "#52CC99", offsetY: 10, style: { color: "#FFF", background: "#52CC99" }, text: "B" } }] } }; var chart = new ApexCharts(document.querySelector("#chart-4"), options); chart.render(); $("#chart-market-5").addClass("text-danger");$("#chart-logo-5").addClass("bg-danger"); $("#chart-logo-5").attr('src','panel/assets/images/icons/crypto/svg/dusk.svg'); $("#chart-market-5").html("SHORT 10x"); $("#chart-strategy-5").html("Scalping"); $("#chart-end-pnl-5").html("+3.75%"); //Chart 5 var options = { series: [{ data: [0.12353, 0.12526, 0.12532, 0.12392, 0.12319, 0.12273, 0.12353] }], chart: { type: 'area', height: 100, width: '100%', sparkline: { enabled: true } }, stroke: { curve: 'smooth', width: 3, }, grid: { padding: { top: 20, bottom: 30 } }, colors: ['#FF4560'], fill: { type: 'gradient', gradient: { shadeIntensity: 1, inverseColors: false, opacityFrom: 0.45, opacityTo: 0.05, stops: [20, 100, 100, 100] }, }, tooltip: { fixed: { enabled: false }, x: { show: false }, y: { title: { formatter: function (seriesName) { return '$' } } }, marker: { show: false } }, annotations: { yaxis: [{ x: 5, y: 0.12319, borderColor: "#FF4560", offsetY: 0, }, { x: 6, y: 0.12273, borderColor: "#52CC99", offsetY: 0, }], points: [{ x: 5, y: 0.12319, marker: { offsetY: 0, size: 4, fillColor: "#FFF", strokeColor: "#FF4560", radius: 2 }, label: { borderColor: "#FF4560", offsetY: 10, style: { color: "#FFF", background: "#FF4560" }, text: "S" } }, { x: 6, y: 0.12273, marker: { offsetY: 0, size: 4, fillColor: "#FFF", strokeColor: "#52CC99", radius: 2 }, label: { borderColor: "#52CC99", offsetY: 10, style: { color: "#FFF", background: "#52CC99" }, text: "B" } }] } }; var chart = new ApexCharts(document.querySelector("#chart-5"), options); chart.render(); $("#chart-market-6").addClass("text-danger");$("#chart-logo-6").addClass("bg-danger"); $("#chart-logo-6").attr('src','panel/assets/images/icons/crypto/svg/beamx.svg'); $("#chart-market-6").html("SHORT 10x"); $("#chart-strategy-6").html("Scalping"); $("#chart-end-pnl-6").html("+4.33%"); //Chart 6 var options = { series: [{ data: [0.0030240, 0.0030270, 0.0030150, 0.0030000, 0.003013, 0.003, 0.0029910] }], chart: { type: 'area', height: 100, width: '100%', sparkline: { enabled: true } }, stroke: { curve: 'smooth', width: 3, }, grid: { padding: { top: 20, bottom: 30 } }, colors: ['#FF4560'], fill: { type: 'gradient', gradient: { shadeIntensity: 1, inverseColors: false, opacityFrom: 0.45, opacityTo: 0.05, stops: [20, 100, 100, 100] }, }, tooltip: { fixed: { enabled: false }, x: { show: false }, y: { title: { formatter: function (seriesName) { return '$' } } }, marker: { show: false } }, annotations: { yaxis: [{ x: 5, y: 0.003013, borderColor: "#FF4560", offsetY: 0, }, { x: 6, y: 0.003, borderColor: "#52CC99", offsetY: 0, }], points: [{ x: 5, y: 0.003013, marker: { offsetY: 0, size: 4, fillColor: "#FFF", strokeColor: "#FF4560", radius: 2 }, label: { borderColor: "#FF4560", offsetY: 10, style: { color: "#FFF", background: "#FF4560" }, text: "S" } }, { x: 6, y: 0.003, marker: { offsetY: 0, size: 4, fillColor: "#FFF", strokeColor: "#52CC99", radius: 2 }, label: { borderColor: "#52CC99", offsetY: 10, style: { color: "#FFF", background: "#52CC99" }, text: "B" } }] } }; var chart = new ApexCharts(document.querySelector("#chart-6"), options); chart.render(); $("#chart-market-7").addClass("text-success");$("#chart-logo-7").addClass("bg-success"); $("#chart-logo-7").attr('src','panel/assets/images/icons/crypto/svg/be.svg'); $("#chart-market-7").html("LONG 5x"); $("#chart-strategy-7").html("Scalping"); $("#chart-end-pnl-7").html("+4.73%"); //Chart 7 var options = { series: [{ data: [219.47000, 219.62000, 219.60000, 220.08000, 218.82, 220.890000000000000000, 220.46000] }], chart: { type: 'area', height: 100, width: '100%', sparkline: { enabled: true } }, stroke: { curve: 'smooth', width: 3, }, grid: { padding: { top: 20, bottom: 30 } }, colors: ['#52CC99'], fill: { type: 'gradient', gradient: { shadeIntensity: 1, inverseColors: false, opacityFrom: 0.45, opacityTo: 0.05, stops: [20, 100, 100, 100] }, }, tooltip: { fixed: { enabled: false }, x: { show: false }, y: { title: { formatter: function (seriesName) { return '$' } } }, marker: { show: false } }, annotations: { yaxis: [{ x: 5, y: 218.82, borderColor: "#52CC99", offsetY: 0, }, { x: 6, y: 220.890000000000000000, borderColor: "#FF4560", offsetY: 0, }], points: [{ x: 5, y: 218.82, marker: { offsetY: 0, size: 4, fillColor: "#FFF", strokeColor: "#52CC99", radius: 2 }, label: { borderColor: "#52CC99", offsetY: 10, style: { color: "#FFF", background: "#52CC99" }, text: "B" } }, { x: 6, y: 220.890000000000000000, marker: { offsetY: 0, size: 4, fillColor: "#FFF", strokeColor: "#FF4560", radius: 2 }, label: { borderColor: "#FF4560", offsetY: 29, style: { color: "#FFF", background: "#FF4560" }, text: "S" } }] } }; var chart = new ApexCharts(document.querySelector("#chart-7"), options); chart.render(); $("#chart-market-8").addClass("text-success");$("#chart-logo-8").addClass("bg-success"); $("#chart-logo-8").attr('src','panel/assets/images/icons/crypto/svg/muu.svg'); $("#chart-market-8").html("LONG 5x"); $("#chart-strategy-8").html("Scalping"); $("#chart-end-pnl-8").html("+5.01%"); //Chart 8 var options = { series: [{ data: [23.95000, 24.01000, 24.09000, 24.19000, 23.96, 24.200000000000000000, 24.20000] }], chart: { type: 'area', height: 100, width: '100%', sparkline: { enabled: true } }, stroke: { curve: 'smooth', width: 3, }, grid: { padding: { top: 20, bottom: 30 } }, colors: ['#52CC99'], fill: { type: 'gradient', gradient: { shadeIntensity: 1, inverseColors: false, opacityFrom: 0.45, opacityTo: 0.05, stops: [20, 100, 100, 100] }, }, tooltip: { fixed: { enabled: false }, x: { show: false }, y: { title: { formatter: function (seriesName) { return '$' } } }, marker: { show: false } }, annotations: { yaxis: [{ x: 5, y: 23.96, borderColor: "#52CC99", offsetY: 0, }, { x: 6, y: 24.200000000000000000, borderColor: "#FF4560", offsetY: 0, }], points: [{ x: 5, y: 23.96, marker: { offsetY: 0, size: 4, fillColor: "#FFF", strokeColor: "#52CC99", radius: 2 }, label: { borderColor: "#52CC99", offsetY: 10, style: { color: "#FFF", background: "#52CC99" }, text: "B" } }, { x: 6, y: 24.200000000000000000, marker: { offsetY: 0, size: 4, fillColor: "#FFF", strokeColor: "#FF4560", radius: 2 }, label: { borderColor: "#FF4560", offsetY: 29, style: { color: "#FFF", background: "#FF4560" }, text: "S" } }] } }; var chart = new ApexCharts(document.querySelector("#chart-8"), options); chart.render(); $("#trades-table").html('
Goldman Sachs
GS/USDT
Goldman Sachs
+3.71%TradFiHisseFuturesLONG 5xM.E.Scalping
Pancake Swap
CAKE/USDT
Pancake Swap
+4.83%CryptoDeFiFuturesSHORT 10xB.Ö.Scalping
Reserve Rights
RSR/USDT
Reserve Rights
+4.70%CryptoDeFiFuturesSHORT 10xM.G.Scalping
Mina
MINA/USDT
Mina
+8.95%CryptoLayer-1FuturesSHORT 10xA.K.Scalping
Dusk
DUSK/USDT
Dusk
+3.75%CryptoLayer-1FuturesSHORT 10xM.G.Scalping
Beamx
BEAMX/USDT
Beamx
+4.33%CryptoGamingFuturesSHORT 10xM.G.Scalping
Bloom Energy
BE/USDT
Bloom Energy
+4.73%TradFiHisseFuturesLONG 5xM.E.Scalping
Direxion MU Bull 2X
MUU/USDT
Direxion MU Bull 2X
+5.01%TradFiFonFuturesLONG 5xM.E.Scalping'); $("#cumulative-pnl").html("23779%"); $("tr.tradedata").mouseover(function() { //$("."+this.id).css('background-color', '#77FF99'); $("."+this.id).removeClass('shadow'); $("."+this.id).css('box-shadow', '0 0 3px #646af6'); }).mouseout(function() { //$("."+this.id).css('background-color', 'transparent'); $("."+this.id).addClass('shadow'); $("."+this.id).css('box-shadow', ''); });