$("#chart-market-1").addClass("text-danger");$("#chart-logo-1").addClass("bg-danger"); $("#chart-logo-1").attr('src','panel/assets/images/icons/crypto/svg/xai.svg'); $("#chart-market-1").html("SHORT 10x"); $("#chart-strategy-1").html("Scalping"); $("#chart-end-pnl-1").html("+6.43%"); //Chart 1 var options = { series: [{ data: [0.0083030, 0.0082980, 0.0083230, 0.0082780, 0.008295, 0.008242, 0.0082540] }], 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.008295, borderColor: "#FF4560", offsetY: 0, }, { x: 6, y: 0.008242, borderColor: "#52CC99", offsetY: 0, }], points: [{ x: 5, y: 0.008295, 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.008242, 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-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/sand.svg'); $("#chart-market-2").html("SHORT 10x"); $("#chart-strategy-2").html("Scalping"); $("#chart-end-pnl-2").html("+3.25%"); //Chart 2 var options = { series: [{ data: [0.06169, 0.06183, 0.06159, 0.06161, 0.06171, 0.06151, 0.06177] }], 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.06171, borderColor: "#FF4560", offsetY: 0, }, { x: 6, y: 0.06151, borderColor: "#52CC99", offsetY: 0, }], points: [{ x: 5, y: 0.06171, 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.06151, 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-success");$("#chart-logo-3").addClass("bg-success"); $("#chart-logo-3").attr('src','panel/assets/images/icons/crypto/svg/ach.svg'); $("#chart-market-3").html("LONG 10x"); $("#chart-strategy-3").html("Intraday"); $("#chart-end-pnl-3").html("+9.56%"); //Chart 3 var options = { series: [{ data: [0.0051290, 0.0051340, 0.0051530, 0.0051930, 0.0051570950518755, 0.005206400000000000, 0.0052370] }], 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.0051570950518755, borderColor: "#52CC99", offsetY: 0, }, { x: 6, y: 0.005206400000000000, borderColor: "#FF4560", offsetY: 0, }], points: [{ x: 5, y: 0.0051570950518755, 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.005206400000000000, 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-danger");$("#chart-logo-4").addClass("bg-danger"); $("#chart-logo-4").attr('src','panel/assets/images/icons/crypto/svg/pixel.svg'); $("#chart-market-4").html("SHORT 10x"); $("#chart-strategy-4").html("Scalping"); $("#chart-end-pnl-4").html("+4.21%"); //Chart 4 var options = { series: [{ data: [0.0056220, 0.0056280, 0.0056000, 0.0055890, 0.0056085978552279, 0.0055851, 0.0056040] }], 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.0056085978552279, borderColor: "#FF4560", offsetY: 0, }, { x: 6, y: 0.0055851, borderColor: "#52CC99", offsetY: 0, }], points: [{ x: 5, y: 0.0056085978552279, 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.0055851, 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-success");$("#chart-logo-5").addClass("bg-success"); $("#chart-logo-5").attr('src','panel/assets/images/icons/crypto/svg/lqty.svg'); $("#chart-market-5").html("LONG 10x"); $("#chart-strategy-5").html("Intraday"); $("#chart-end-pnl-5").html("+9.74%"); //Chart 5 var options = { series: [{ data: [0.196100, 0.195600, 0.196100, 0.198400, 0.19879940350666, 0.200736200000000000, 0.199200] }], 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.19879940350666, borderColor: "#52CC99", offsetY: 0, }, { x: 6, y: 0.200736200000000000, borderColor: "#FF4560", offsetY: 0, }], points: [{ x: 5, y: 0.19879940350666, 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.200736200000000000, 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/agld.svg'); $("#chart-market-6").html("LONG 10x"); $("#chart-strategy-6").html("Scalping"); $("#chart-end-pnl-6").html("+6.58%"); //Chart 6 var options = { series: [{ data: [0.1592000, 0.1591000, 0.1596000, 0.1599000, 0.15908488571429, 0.160131200000000000, 0.1610000] }], 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.15908488571429, borderColor: "#52CC99", offsetY: 0, }, { x: 6, y: 0.160131200000000000, borderColor: "#FF4560", offsetY: 0, }], points: [{ x: 5, y: 0.15908488571429, 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.160131200000000000, 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-danger");$("#chart-logo-7").addClass("bg-danger"); $("#chart-logo-7").attr('src','panel/assets/images/icons/crypto/svg/pippin.svg'); $("#chart-market-7").html("SHORT 10x"); $("#chart-strategy-7").html("Manual"); $("#chart-end-pnl-7").html("+14.89%"); //Chart 7 var options = { series: [{ data: [0.0169600, 0.0172600, 0.0170000, 0.0169700, 0.01704, 0.01679, 0.0172100] }], 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.01704, borderColor: "#FF4560", offsetY: 0, }, { x: 6, y: 0.01679, borderColor: "#52CC99", offsetY: 0, }], points: [{ x: 5, y: 0.01704, 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.01679, 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/siren.svg'); $("#chart-market-8").html("SHORT 10x"); $("#chart-strategy-8").html("Manual"); $("#chart-end-pnl-8").html("+14.26%"); //Chart 8 var options = { series: [{ data: [0.0412000, 0.0412100, 0.0413500, 0.0409700, 0.0413615, 0.04078, 0.0403000] }], 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.0413615, borderColor: "#FF4560", offsetY: 0, }, { x: 6, y: 0.04078, borderColor: "#52CC99", offsetY: 0, }], points: [{ x: 5, y: 0.0413615, 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.04078, 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(); $("#chart-market-9").addClass("text-danger");$("#chart-logo-9").addClass("bg-danger"); $("#chart-market-10").addClass("text-danger");$("#chart-logo-10").addClass("bg-danger"); $("#trades-table").html('
Xai

Xai XAI

+6.43%FUTURESSHORT 10xA.K.Scalping
TheSandbox

TheSandbox SAND

+3.25%FUTURESSHORT 10xA.K.Scalping
AlchemyPay

AlchemyPay ACH

+9.56%FUTURESLONG 10xM.A.Intraday
Pixels

Pixels PIXEL

+4.21%FUTURESSHORT 10xA.K.Scalping
Liquity

Liquity LQTY

+9.74%FUTURESLONG 10xS.C.Intraday
AdventureGold

AdventureGold AGLD

+6.58%FUTURESLONG 10xE.G.Scalping
pippin

pippin PIPPIN

+14.89%FUTURESSHORT 10xU.A.Manual
siren

siren SIREN

+14.26%FUTURESSHORT 10xU.A.Manual
Tellor

Tellor TRB

+8.01%FUTURESSHORT 10xİ..Z.Scalping
Theta

Theta THETA

+5.18%FUTURESSHORT 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', ''); });