$("#chart-market-1").addClass("text-success");$("#chart-logo-1").addClass("bg-success"); $("#chart-logo-1").attr('src','panel/assets/images/icons/crypto/svg/flex.svg'); $("#chart-market-1").html("LONG 10x"); $("#chart-strategy-1").html("Scalping"); $("#chart-end-pnl-1").html("+4.89%"); //Chart 1 var options = { series: [{ data: [110.35000, 110.38000, 110.45000, 110.49000, 110.0414444, 110.580000000000000000, 110.59000] }], 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: 110.0414444, borderColor: "#52CC99", offsetY: 0, }, { x: 6, y: 110.580000000000000000, borderColor: "#FF4560", offsetY: 0, }], points: [{ x: 5, y: 110.0414444, 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: 110.580000000000000000, 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-success");$("#chart-logo-2").addClass("bg-success"); $("#chart-logo-2").attr('src','panel/assets/images/icons/crypto/svg/1000rats.svg'); $("#chart-market-2").html("LONG 10x"); $("#chart-strategy-2").html("Webhook"); $("#chart-end-pnl-2").html("+9.08%"); //Chart 2 var options = { series: [{ data: [0.0387100, 0.0388900, 0.0389900, 0.0390100, 0.038931677393741, 0.039285200000000000, 0.0393500] }], 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: 0.038931677393741, borderColor: "#52CC99", offsetY: 0, }, { x: 6, y: 0.039285200000000000, borderColor: "#FF4560", offsetY: 0, }], points: [{ x: 5, y: 0.038931677393741, 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: 0.039285200000000000, 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-2"), options); chart.render(); $("#chart-market-3").addClass("text-success");$("#chart-logo-3").addClass("bg-success"); $("#chart-logo-3").attr('src','panel/assets/images/icons/crypto/svg/alch.svg'); $("#chart-market-3").html("LONG 10x"); $("#chart-strategy-3").html("Webhook"); $("#chart-end-pnl-3").html("+4.94%"); //Chart 3 var options = { series: [{ data: [0.0515300, 0.0516400, 0.0518400, 0.0519100, 0.0519508, 0.052207200000000000, 0.0522100] }], 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: 0.0519508, borderColor: "#52CC99", offsetY: 0, }, { x: 6, y: 0.052207200000000000, borderColor: "#FF4560", offsetY: 0, }], points: [{ x: 5, y: 0.0519508, 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: 0.052207200000000000, 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-3"), options); chart.render(); $("#chart-market-4").addClass("text-success");$("#chart-logo-4").addClass("bg-success"); $("#chart-logo-4").attr('src','panel/assets/images/icons/crypto/svg/agld.svg'); $("#chart-market-4").html("LONG 10x"); $("#chart-strategy-4").html("Intraday"); $("#chart-end-pnl-4").html("+3.92%"); //Chart 4 var options = { series: [{ data: [0.2029000, 0.2040000, 0.2045000, 0.2045000, 0.2042, 0.205000000000000000, 0.2049000] }], 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: 0.2042, borderColor: "#52CC99", offsetY: 0, }, { x: 6, y: 0.205000000000000000, borderColor: "#FF4560", offsetY: 0, }], points: [{ x: 5, y: 0.2042, 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: 0.205000000000000000, 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-4"), options); chart.render(); $("#chart-market-5").addClass("text-success");$("#chart-logo-5").addClass("bg-success"); $("#chart-logo-5").attr('src','panel/assets/images/icons/crypto/svg/jup.svg'); $("#chart-market-5").html("LONG 10x"); $("#chart-strategy-5").html("Intraday"); $("#chart-end-pnl-5").html("+3.09%"); //Chart 5 var options = { series: [{ data: [0.3267000, 0.3308000, 0.3308000, 0.3292000, 0.3299792884371, 0.331000000000000000, 0.3299000] }], 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: 0.3299792884371, borderColor: "#52CC99", offsetY: 0, }, { x: 6, y: 0.331000000000000000, borderColor: "#FF4560", offsetY: 0, }], points: [{ x: 5, y: 0.3299792884371, 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: 0.331000000000000000, 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-5"), options); chart.render(); $("#chart-market-6").addClass("text-success");$("#chart-logo-6").addClass("bg-success"); $("#chart-logo-6").attr('src','panel/assets/images/icons/crypto/svg/wld.svg'); $("#chart-market-6").html("LONG 10x"); $("#chart-strategy-6").html("Intraday"); $("#chart-end-pnl-6").html("+3.70%"); //Chart 6 var options = { series: [{ data: [0.5294000, 0.5380000, 0.5400000, 0.5390000, 0.5401, 0.542100000000000000, 0.5356000] }], 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: 0.5401, borderColor: "#52CC99", offsetY: 0, }, { x: 6, y: 0.542100000000000000, borderColor: "#FF4560", offsetY: 0, }], points: [{ x: 5, y: 0.5401, 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: 0.542100000000000000, 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-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/ssv.svg'); $("#chart-market-7").html("LONG 10x"); $("#chart-strategy-7").html("Intraday"); $("#chart-end-pnl-7").html("+4.46%"); //Chart 7 var options = { series: [{ data: [3.113000, 3.140000, 3.152000, 3.151000, 3.14, 3.154000000000000000, 3.148000] }], 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: 3.14, borderColor: "#52CC99", offsetY: 0, }, { x: 6, y: 3.154000000000000000, borderColor: "#FF4560", offsetY: 0, }], points: [{ x: 5, y: 3.14, 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: 3.154000000000000000, 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/tlm.svg'); $("#chart-market-8").html("LONG 10x"); $("#chart-strategy-8").html("Scalping"); $("#chart-end-pnl-8").html("+4.60%"); //Chart 8 var options = { series: [{ data: [0.0015270, 0.0015300, 0.0015290, 0.0015300, 0.001522, 0.001529000000000000, 0.0015330] }], 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: 0.001522, borderColor: "#52CC99", offsetY: 0, }, { x: 6, y: 0.001529000000000000, borderColor: "#FF4560", offsetY: 0, }], points: [{ x: 5, y: 0.001522, 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: 0.001529000000000000, 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('
Flex
FLEX/USDT
Flex
+4.89%TradFiHisseFuturesLONG 10xM.A.Scalping
Rats
1000RATS/USDT
Rats
+9.08%CryptoMemeFuturesLONG 10xa.m.d.Webhook
Alchemist AI
ALCH/USDT
Alchemist AI
+4.94%CryptoAIFuturesLONG 10xa.m.d.Webhook
Adventure Gold
AGLD/USDT
Adventure Gold
+3.92%CryptoGamingFuturesLONG 10xM.G.Intraday
Jupiter
JUP/USDT
Jupiter
+3.09%CryptoDeFiFuturesLONG 10xN.Q.Intraday
Worldcoin
WLD/USDT
Worldcoin
+3.70%CryptoAIFuturesLONG 10xM.G.Intraday
ssv.network
SSV/USDT
ssv.network
+4.46%CryptoInfrastructureFuturesLONG 10xM.G.Intraday
Alien Worlds
TLM/USDT
Alien Worlds
+4.60%CryptoMetaverseFuturesLONG 10xA.K.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', ''); });