$("#chart-market-1").addClass("text-success");$("#chart-logo-1").addClass("bg-success"); $("#chart-logo-1").attr('src','panel/assets/images/icons/crypto/svg/ibm.svg'); $("#chart-market-1").html("LONG 10x"); $("#chart-strategy-1").html("Scalping"); $("#chart-end-pnl-1").html("+4.53%"); //Chart 1 var options = { series: [{ data: [258.12000, 258.28000, 259.07000, 259.36000, 258.02, 259.190000000000000000, 259.01000] }], 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: 258.02, borderColor: "#52CC99", offsetY: 0, }, { x: 6, y: 259.190000000000000000, borderColor: "#FF4560", offsetY: 0, }], points: [{ x: 5, y: 258.02, 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: 259.190000000000000000, 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/ter.svg'); $("#chart-market-2").html("LONG 10x"); $("#chart-strategy-2").html("Scalping"); $("#chart-end-pnl-2").html("+5.13%"); //Chart 2 var options = { series: [{ data: [278.77000, 278.29000, 278.06000, 281.16000, 280.46047300338, 281.899864800000000000, 281.38000] }], 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: 280.46047300338, borderColor: "#52CC99", offsetY: 0, }, { x: 6, y: 281.899864800000000000, borderColor: "#FF4560", offsetY: 0, }], points: [{ x: 5, y: 280.46047300338, 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: 281.899864800000000000, 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/pyth.svg'); $("#chart-market-3").html("LONG 5x"); $("#chart-strategy-3").html("Scalping"); $("#chart-end-pnl-3").html("+3.69%"); //Chart 3 var options = { series: [{ data: [0.0632200, 0.0632900, 0.0632500, 0.0640000, 0.06357, 0.064038800000000000, 0.0638600] }], 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.06357, borderColor: "#52CC99", offsetY: 0, }, { x: 6, y: 0.064038800000000000, borderColor: "#FF4560", offsetY: 0, }], points: [{ x: 5, y: 0.06357, 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.064038800000000000, 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/xrp.svg'); $("#chart-market-4").html("LONG 10x"); $("#chart-strategy-4").html("Intraday"); $("#chart-end-pnl-4").html("+4.78%"); //Chart 4 var options = { series: [{ data: [1.2518, 1.2502, 1.2497, 1.2476, 1.2554, 1.261400000000000000, 1.2544] }], 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: 1.2554, borderColor: "#52CC99", offsetY: 0, }, { x: 6, y: 1.261400000000000000, borderColor: "#FF4560", offsetY: 0, }], points: [{ x: 5, y: 1.2554, 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: 1.261400000000000000, 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/comp.svg'); $("#chart-market-5").html("LONG 10x"); $("#chart-strategy-5").html("Scalping"); $("#chart-end-pnl-5").html("+5.45%"); //Chart 5 var options = { series: [{ data: [20.14, 20.16, 20.12, 20.34, 20.2, 20.310000000000000000, 20.30] }], 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: 20.2, borderColor: "#52CC99", offsetY: 0, }, { x: 6, y: 20.310000000000000000, borderColor: "#FF4560", offsetY: 0, }], points: [{ x: 5, y: 20.2, 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: 20.310000000000000000, 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/mara.svg'); $("#chart-market-6").html("LONG 10x"); $("#chart-strategy-6").html("Scalping"); $("#chart-end-pnl-6").html("+4.43%"); //Chart 6 var options = { series: [{ data: [6.78000, 6.80000, 6.81000, 6.91000, 6.889481865285, 6.920000000000000000, 6.92000] }], 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: 6.889481865285, borderColor: "#52CC99", offsetY: 0, }, { x: 6, y: 6.920000000000000000, borderColor: "#FF4560", offsetY: 0, }], points: [{ x: 5, y: 6.889481865285, 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: 6.920000000000000000, 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/ctsi.svg'); $("#chart-market-7").html("LONG 5x"); $("#chart-strategy-7").html("Scalping"); $("#chart-end-pnl-7").html("+4.33%"); //Chart 7 var options = { series: [{ data: [0.0264900, 0.0265100, 0.0265200, 0.0267500, 0.02656, 0.026790000000000000, 0.0267500] }], 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.02656, borderColor: "#52CC99", offsetY: 0, }, { x: 6, y: 0.026790000000000000, borderColor: "#FF4560", offsetY: 0, }], points: [{ x: 5, y: 0.02656, 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.026790000000000000, 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/lqty.svg'); $("#chart-market-8").html("LONG 10x"); $("#chart-strategy-8").html("Swing"); $("#chart-end-pnl-8").html("+3.57%"); //Chart 8 var options = { series: [{ data: [0.193600, 0.193400, 0.192700, 0.193300, 0.1961, 0.196800000000000000, 0.196100] }], 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.1961, borderColor: "#52CC99", offsetY: 0, }, { x: 6, y: 0.196800000000000000, borderColor: "#FF4560", offsetY: 0, }], points: [{ x: 5, y: 0.1961, 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.196800000000000000, 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('
IBM
IBM/USDT
IBM
+4.53%TradFiEquidadFuturesLONG 10xO.A.K.Scalping
Teradyne
TER/USDT
Teradyne
+5.13%TradFiEquidadFuturesLONG 10xA.K.Scalping
Pyth Network
PYTH/USDT
Pyth Network
+3.69%CryptoInfrastructureFuturesLONG 5xM.E.Scalping
Ripple
XRP/USDT
Ripple
+4.78%CryptoPaymentFuturesLONG 10xE.A.Intraday
Compound
COMP/USDT
Compound
+5.45%CryptoDeFiFuturesLONG 10xE.A.Scalping
MARA Holdings
MARA/USDT
MARA Holdings
+4.43%TradFiEquidadFuturesLONG 10xO.A.K.Scalping
Cartesi
CTSI/USDT
Cartesi
+4.33%CryptoLayer-2FuturesLONG 5xM.E.Scalping
Liquity
LQTY/USDT
Liquity
+3.57%CryptoDeFiFuturesLONG 10xE.A.Swing'); $("#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', ''); });