$("#chart-market-1").addClass("text-success");$("#chart-logo-1").addClass("bg-success"); $("#chart-logo-1").attr('src','panel/assets/images/icons/crypto/svg/bico.svg'); $("#chart-market-1").html("LONG 10x"); $("#chart-strategy-1").html("Webhook"); $("#chart-end-pnl-1").html("+7.28%"); //Chart 1 var options = { series: [{ data: [0.0191100, 0.0189300, 0.0188900, 0.0189400, 0.01893, 0.019067900000000000, 0.0191000] }], 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.01893, borderColor: "#52CC99", offsetY: 0, }, { x: 6, y: 0.019067900000000000, borderColor: "#FF4560", offsetY: 0, }], points: [{ x: 5, y: 0.01893, 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.019067900000000000, 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/amd.svg'); $("#chart-market-2").html("SHORT 10x"); $("#chart-strategy-2").html("Scalping"); $("#chart-end-pnl-2").html("+4.00%"); //Chart 2 var options = { series: [{ data: [492.20000, 491.86000, 490.69000, 489.24000, 491.83, 489.87, 491.07000] }], 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: 491.83, borderColor: "#FF4560", offsetY: 0, }, { x: 6, y: 489.87, borderColor: "#52CC99", offsetY: 0, }], points: [{ x: 5, y: 491.83, 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: 489.87, 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/auction.svg'); $("#chart-market-3").html("SHORT 10x"); $("#chart-strategy-3").html("Webhook"); $("#chart-end-pnl-3").html("+5.01%"); //Chart 3 var options = { series: [{ data: [3.450000, 3.452000, 3.442000, 3.420000, 3.4310936686499, 3.414, 3.409000] }], 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: 3.4310936686499, borderColor: "#FF4560", offsetY: 0, }, { x: 6, y: 3.414, borderColor: "#52CC99", offsetY: 0, }], points: [{ x: 5, y: 3.4310936686499, 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: 3.414, 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/now.svg'); $("#chart-market-4").html("SHORT 10x"); $("#chart-strategy-4").html("Scalping"); $("#chart-end-pnl-4").html("+9.20%"); //Chart 4 var options = { series: [{ data: [140.11000, 140.01000, 139.86000, 138.70000, 140.054, 138.77755593, 139.22000] }], 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: 140.054, borderColor: "#FF4560", offsetY: 0, }, { x: 6, y: 138.77755593, borderColor: "#52CC99", offsetY: 0, }], points: [{ x: 5, y: 140.054, 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: 138.77755593, 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/wdc.svg'); $("#chart-market-5").html("SHORT 10x"); $("#chart-strategy-5").html("Scalping"); $("#chart-end-pnl-5").html("+4.02%"); //Chart 5 var options = { series: [{ data: [428.37000, 428.84000, 428.81000, 428.67000, 429.42, 427.69872544, 426.80000] }], 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: 429.42, borderColor: "#FF4560", offsetY: 0, }, { x: 6, y: 427.69872544, borderColor: "#52CC99", offsetY: 0, }], points: [{ x: 5, y: 429.42, 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: 427.69872544, 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/qtum.svg'); $("#chart-market-6").html("SHORT 5x"); $("#chart-strategy-6").html("Swing"); $("#chart-end-pnl-6").html("+4.46%"); //Chart 6 var options = { series: [{ data: [0.916200, 0.914200, 0.906200, 0.900600, 0.90761781818182, 0.8996, 0.902200] }], 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.90761781818182, borderColor: "#FF4560", offsetY: 0, }, { x: 6, y: 0.8996, borderColor: "#52CC99", offsetY: 0, }], points: [{ x: 5, y: 0.90761781818182, 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.8996, 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-danger");$("#chart-logo-7").addClass("bg-danger"); $("#chart-logo-7").attr('src','panel/assets/images/icons/crypto/svg/cake.svg'); $("#chart-market-7").html("SHORT 10x"); $("#chart-strategy-7").html("Webhook"); $("#chart-end-pnl-7").html("+8.50%"); //Chart 7 var options = { series: [{ data: [2.3021000, 2.2933000, 2.2981000, 2.2864000, 2.2959562453125, 2.2766, 2.2777000] }], 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.2959562453125, borderColor: "#FF4560", offsetY: 0, }, { x: 6, y: 2.2766, borderColor: "#52CC99", offsetY: 0, }], points: [{ x: 5, y: 2.2959562453125, 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.2766, 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-7"), options); chart.render(); $("#chart-market-8").addClass("text-danger");$("#chart-logo-8").addClass("bg-danger"); $("#chart-logo-8").attr('src','panel/assets/images/icons/crypto/svg/nvo.svg'); $("#chart-market-8").html("SHORT 5x"); $("#chart-strategy-8").html("Intraday"); $("#chart-end-pnl-8").html("+3.36%"); //Chart 8 var options = { series: [{ data: [43.50000, 43.34000, 43.38000, 43.18000, 43.48, 43.19, 42.99000] }], 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: 43.48, borderColor: "#FF4560", offsetY: 0, }, { x: 6, y: 43.19, borderColor: "#52CC99", offsetY: 0, }], points: [{ x: 5, y: 43.48, 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: 43.19, 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-8"), options); chart.render(); $("#trades-table").html('
Biconomy
BICO/USDT
Biconomy
+7.28%CryptoInfrastructureFuturesLONG 10xa.m.d.Webhook
AMD
AMD/USDT
AMD
+4.00%TradFiEquityFuturesSHORT 10xC.B.Scalping
Bounce Token
AUCTION/USDT
Bounce Token
+5.01%CryptoDeFiFuturesSHORT 10xa.m.d.Webhook
ServiceNow
NOW/USDT
ServiceNow
+9.20%TradFiEquityFuturesSHORT 10xC.B.Scalping
Western Digital
WDC/USDT
Western Digital
+4.02%TradFiEquityFuturesSHORT 10xC.B.Scalping
Qtum
QTUM/USDT
Qtum
+4.46%CryptoLayer-1FuturesSHORT 5xM.E.Swing
Pancake Swap
CAKE/USDT
Pancake Swap
+8.50%CryptoDeFiFuturesSHORT 10xa.m.d.Webhook
Novo Nordisk
NVO/USDT
Novo Nordisk
+3.36%TradFiEquityFuturesSHORT 5xM.E.Intraday'); $("#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', ''); });